@charset "UTF-8";
:root,[data-bs-theme=light] {
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#d63384;
--bs-red:#dc3545;
--bs-orange:#fd7e14;
--bs-yellow:#ffc107;
--bs-green:#198754;
--bs-teal:#20c997;
--bs-cyan:#0dcaf0;
--bs-black:#000;
--bs-white:#fff;
--bs-gray:#6c757d;
--bs-gray-dark:#343a40;
--bs-gray-100:#f8f9fa;
--bs-gray-200:#e9ecef;
--bs-gray-300:#dee2e6;
--bs-gray-400:#ced4da;
--bs-gray-500:#adb5bd;
--bs-gray-600:#6c757d;
--bs-gray-700:#495057;
--bs-gray-800:#343a40;
--bs-gray-900:#212529;
--bs-primary:#0d6efd;
--bs-secondary:#6c757d;
--bs-success:#198754;
--bs-info:#0dcaf0;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#212529;
--bs-primary-rgb:13,110,253;
--bs-secondary-rgb:108,117,125;
--bs-success-rgb:25,135,84;
--bs-info-rgb:13,202,240;
--bs-warning-rgb:255,193,7;
--bs-danger-rgb:220,53,69;
--bs-light-rgb:248,249,250;
--bs-dark-rgb:33,37,41;
--bs-primary-text-emphasis:#052c65;
--bs-secondary-text-emphasis:#2b2f32;
--bs-success-text-emphasis:#0a3622;
--bs-info-text-emphasis:#055160;
--bs-warning-text-emphasis:#664d03;
--bs-danger-text-emphasis:#58151c;
--bs-light-text-emphasis:#495057;
--bs-dark-text-emphasis:#495057;
--bs-primary-bg-subtle:#cfe2ff;
--bs-secondary-bg-subtle:#e2e3e5;
--bs-success-bg-subtle:#d1e7dd;
--bs-info-bg-subtle:#cff4fc;
--bs-warning-bg-subtle:#fff3cd;
--bs-danger-bg-subtle:#f8d7da;
--bs-light-bg-subtle:#fcfcfd;
--bs-dark-bg-subtle:#ced4da;
--bs-primary-border-subtle:#9ec5fe;
--bs-secondary-border-subtle:#c4c8cb;
--bs-success-border-subtle:#a3cfbb;
--bs-info-border-subtle:#9eeaf9;
--bs-warning-border-subtle:#ffe69c;
--bs-danger-border-subtle:#f1aeb5;
--bs-light-border-subtle:#e9ecef;
--bs-dark-border-subtle:#adb5bd;
--bs-white-rgb:255,255,255;
--bs-black-rgb:0,0,0;
--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-font-size:1rem;
--bs-body-font-weight:400;
--bs-body-line-height:1.5;
--bs-body-color:#212529;
--bs-body-color-rgb:33,37,41;
--bs-body-bg:#fff;
--bs-body-bg-rgb:255,255,255;
--bs-emphasis-color:#000;
--bs-emphasis-color-rgb:0,0,0;
--bs-secondary-color:rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb:33,37,41;
--bs-secondary-bg:#e9ecef;
--bs-secondary-bg-rgb:233,236,239;
--bs-tertiary-color:rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb:33,37,41;
--bs-tertiary-bg:#f8f9fa;
--bs-tertiary-bg-rgb:248,249,250;
--bs-heading-color:inherit;
--bs-link-color:#0d6efd;
--bs-link-color-rgb:13,110,253;
--bs-link-decoration:underline;
--bs-link-hover-color:#0a58ca;
--bs-link-hover-color-rgb:10,88,202;
--bs-code-color:#d63384;
--bs-highlight-color:#212529;
--bs-highlight-bg:#fff3cd;
--bs-border-width:1px;
--bs-border-style:solid;
--bs-border-color:#dee2e6;
--bs-border-color-translucent:rgba(0, 0, 0, 0.175);
--bs-border-radius:0.375rem;
--bs-border-radius-sm:0.25rem;
--bs-border-radius-lg:0.5rem;
--bs-border-radius-xl:1rem;
--bs-border-radius-xxl:2rem;
--bs-border-radius-2xl:var(--bs-border-radius-xxl);
--bs-border-radius-pill:50rem;
--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width:0.25rem;
--bs-focus-ring-opacity:0.25;
--bs-focus-ring-color:rgba(13, 110, 253, 0.25);
--bs-form-valid-color:#198754;
--bs-form-valid-border-color:#198754;
--bs-form-invalid-color:#dc3545;
--bs-form-invalid-border-color:#dc3545}
[data-bs-theme=dark] {
color-scheme:dark;
--bs-body-color:#dee2e6;
--bs-body-color-rgb:222,226,230;
--bs-body-bg:#212529;
--bs-body-bg-rgb:33,37,41;
--bs-emphasis-color:#fff;
--bs-emphasis-color-rgb:255,255,255;
--bs-secondary-color:rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb:222,226,230;
--bs-secondary-bg:#343a40;
--bs-secondary-bg-rgb:52,58,64;
--bs-tertiary-color:rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb:222,226,230;
--bs-tertiary-bg:#2b3035;
--bs-tertiary-bg-rgb:43,48,53;
--bs-primary-text-emphasis:#6ea8fe;
--bs-secondary-text-emphasis:#a7acb1;
--bs-success-text-emphasis:#75b798;
--bs-info-text-emphasis:#6edff6;
--bs-warning-text-emphasis:#ffda6a;
--bs-danger-text-emphasis:#ea868f;
--bs-light-text-emphasis:#f8f9fa;
--bs-dark-text-emphasis:#dee2e6;
--bs-primary-bg-subtle:#031633;
--bs-secondary-bg-subtle:#161719;
--bs-success-bg-subtle:#051b11;
--bs-info-bg-subtle:#032830;
--bs-warning-bg-subtle:#332701;
--bs-danger-bg-subtle:#2c0b0e;
--bs-light-bg-subtle:#343a40;
--bs-dark-bg-subtle:#1a1d20;
--bs-primary-border-subtle:#084298;
--bs-secondary-border-subtle:#41464b;
--bs-success-border-subtle:#0f5132;
--bs-info-border-subtle:#087990;
--bs-warning-border-subtle:#997404;
--bs-danger-border-subtle:#842029;
--bs-light-border-subtle:#495057;
--bs-dark-border-subtle:#343a40;
--bs-heading-color:inherit;
--bs-link-color:#6ea8fe;
--bs-link-hover-color:#8bb9fe;
--bs-link-color-rgb:110,168,254;
--bs-link-hover-color-rgb:139,185,254;
--bs-code-color:#e685b5;
--bs-highlight-color:#dee2e6;
--bs-highlight-bg:#664d03;
--bs-border-color:#495057;
--bs-border-color-translucent:rgba(255, 255, 255, 0.15);
--bs-form-valid-color:#75b798;
--bs-form-valid-border-color:#75b798;
--bs-form-invalid-color:#ea868f;
--bs-form-invalid-border-color:#ea868f}
*,::after,::before {
box-sizing:border-box}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior:smooth}
}
body {
margin:0;
font-family:var(--bs-body-font-family);
font-size:var(--bs-body-font-size);
font-weight:var(--bs-body-font-weight);
line-height:var(--bs-body-line-height);
color:var(--bs-body-color);
text-align:var(--bs-body-text-align);
background-color:var(--bs-body-bg);
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent}
hr {
margin:1rem 0;
color:inherit;
border:0;
border-top:var(--bs-border-width) solid;
opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
margin-top:0;
margin-bottom:.5rem;
font-weight:500;
line-height:1.2;
color:var(--bs-heading-color)}
.h1,h1 {
font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px) {
.h1,h1 {
font-size:2.5rem}
}
.h2,h2 {
font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px) {
.h2,h2 {
font-size:2rem}
}
.h3,h3 {
font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px) {
.h3,h3 {
font-size:1.75rem}
}
.h4,h4 {
font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px) {
.h4,h4 {
font-size:1.5rem}
}
.h5,h5 {
font-size:1.25rem}
.h6,h6 {
font-size:1rem}
p {
margin-top:0;
margin-bottom:1rem}
abbr[title] {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
cursor:help;
-webkit-text-decoration-skip-ink:none;
text-decoration-skip-ink:none}
address {
margin-bottom:1rem;
font-style:normal;
line-height:inherit}
ol,ul {
padding-left:2rem}
dl,ol,ul {
margin-top:0;
margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul {
margin-bottom:0}
dt {
font-weight:700}
dd {
margin-bottom:.5rem;
margin-left:0}
blockquote {
margin:0 0 1rem}
b,strong {
font-weight:bolder}
.small,small {
font-size:.875em}
.mark,mark {
padding:.1875em;
color:var(--bs-highlight-color);
background-color:var(--bs-highlight-bg)}
sub,sup {
position:relative;
font-size:.75em;
line-height:0;
vertical-align:baseline}
sub {
bottom:-.25em}
sup {
top:-.5em}
a {
color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
text-decoration:underline}
a:hover {
--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
color:inherit;
text-decoration:none}
code,kbd,pre,samp {
font-family:var(--bs-font-monospace);
font-size:1em}
pre {
display:block;
margin-top:0;
margin-bottom:1rem;
overflow:auto;
font-size:.875em}
pre code {
font-size:inherit;
color:inherit;
word-break:normal}
code {
font-size:.875em;
color:var(--bs-code-color);
word-wrap:break-word}
a>code {
color:inherit}
kbd {
padding:.1875rem .375rem;
font-size:.875em;
color:var(--bs-body-bg);
background-color:var(--bs-body-color);
border-radius:.25rem}
kbd kbd {
padding:0;
font-size:1em}
figure {
margin:0 0 1rem}
img,svg {
vertical-align:middle}
table {
caption-side:bottom;
border-collapse:collapse}
caption {
padding-top:.5rem;
padding-bottom:.5rem;
color:var(--bs-secondary-color);
text-align:left}
th {
text-align:inherit;
text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr {
border-color:inherit;
border-style:solid;
border-width:0}
label {
display:inline-block}
button {
border-radius:0}
button:focus:not(:focus-visible) {
outline:0}
button,input,optgroup,select,textarea {
margin:0;
font-family:inherit;
font-size:inherit;
line-height:inherit}
button,select {
text-transform:none}
[role=button] {
cursor:pointer}
select {
word-wrap:normal}
select:disabled {
opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display:none!important}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
cursor:pointer}
::-moz-focus-inner {
padding:0;
border-style:none}
textarea {
resize:vertical}
fieldset {
min-width:0;
padding:0;
margin:0;
border:0}
legend {
float:left;
width:100%;
padding:0;
margin-bottom:.5rem;
font-size:calc(1.275rem + .3vw);
line-height:inherit}
@media (min-width:1200px) {
legend {
font-size:1.5rem}
}
legend+* {
clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
padding:0}
::-webkit-inner-spin-button {
height:auto}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px}
::-webkit-search-decoration {
-webkit-appearance:none}
::-webkit-color-swatch-wrapper {
padding:0}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button}
::file-selector-button {
font:inherit;
-webkit-appearance:button}
output {
display:inline-block}
iframe {
border:0}
summary {
display:list-item;
cursor:pointer}
progress {
vertical-align:baseline}
[hidden] {
display:none!important}
.lead {
font-size:1.25rem;
font-weight:300}
.display-1 {
font-size:calc(1.625rem + 4.5vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-1 {
font-size:5rem}
}
.display-2 {
font-size:calc(1.575rem + 3.9vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-2 {
font-size:4.5rem}
}
.display-3 {
font-size:calc(1.525rem + 3.3vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-3 {
font-size:4rem}
}
.display-4 {
font-size:calc(1.475rem + 2.7vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-4 {
font-size:3.5rem}
}
.display-5 {
font-size:calc(1.425rem + 2.1vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-5 {
font-size:3rem}
}
.display-6 {
font-size:calc(1.375rem + 1.5vw);
font-weight:300;
line-height:1.2}
@media (min-width:1200px) {
.display-6 {
font-size:2.5rem}
}
.list-unstyled {
padding-left:0;
list-style:none}
.list-inline {
padding-left:0;
list-style:none}
.list-inline-item {
display:inline-block}
.list-inline-item:not(:last-child) {
margin-right:.5rem}
.initialism {
font-size:.875em;
text-transform:uppercase}
.blockquote {
margin-bottom:1rem;
font-size:1.25rem}
.blockquote>:last-child {
margin-bottom:0}
.blockquote-footer {
margin-top:-1rem;
margin-bottom:1rem;
font-size:.875em;
color:#6c757d}
.blockquote-footer::before {
content:"— "}
.img-fluid {
max-width:100%;
height:auto}
.img-thumbnail {
padding:.25rem;
background-color:var(--bs-body-bg);
border:var(--bs-border-width) solid var(--bs-border-color);
border-radius:var(--bs-border-radius);
max-width:100%;
height:auto}
.figure {
display:inline-block}
.figure-img {
margin-bottom:.5rem;
line-height:1}
.figure-caption {
font-size:.875em;
color:var(--bs-secondary-color)}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
--bs-gutter-x:1.5rem;
--bs-gutter-y:0;
width:100%;
padding-right:calc(var(--bs-gutter-x) * .5);
padding-left:calc(var(--bs-gutter-x) * .5);
margin-right:auto;
margin-left:auto}
@media (min-width:576px) {
.container,.container-sm {
max-width:540px}
}
@media (min-width:768px) {
.container,.container-md,.container-sm {
max-width:720px}
}
@media (min-width:992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:960px}
}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1140px}
}
@media (min-width:1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
max-width:1320px}
}
:root {
--bs-breakpoint-xs:0;
--bs-breakpoint-sm:576px;
--bs-breakpoint-md:768px;
--bs-breakpoint-lg:992px;
--bs-breakpoint-xl:1200px;
--bs-breakpoint-xxl:1500px}
.row {
--bs-gutter-x:1.5rem;
--bs-gutter-y:0;
display:flex;
flex-wrap:wrap;
margin-top:calc(-1 * var(--bs-gutter-y));
margin-right:calc(-.5 * var(--bs-gutter-x));
margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>* {
flex-shrink:0;
width:100%;
max-width:100%;
padding-right:calc(var(--bs-gutter-x) * .5);
padding-left:calc(var(--bs-gutter-x) * .5);
margin-top:var(--bs-gutter-y)}
.col {
flex:1 0 0%}
.row-cols-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-1>* {
flex:0 0 auto;
width:100%}
.row-cols-2>* {
flex:0 0 auto;
width:50%}
.row-cols-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-4>* {
flex:0 0 auto;
width:25%}
.row-cols-5>* {
flex:0 0 auto;
width:20%}
.row-cols-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-auto {
flex:0 0 auto;
width:auto}
.col-1 {
flex:0 0 auto;
width:8.33333333%}
.col-2 {
flex:0 0 auto;
width:16.66666667%}
.col-3 {
flex:0 0 auto;
width:25%}
.col-4 {
flex:0 0 auto;
width:33.33333333%}
.col-5 {
flex:0 0 auto;
width:41.66666667%}
.col-6 {
flex:0 0 auto;
width:50%}
.col-7 {
flex:0 0 auto;
width:58.33333333%}
.col-8 {
flex:0 0 auto;
width:66.66666667%}
.col-9 {
flex:0 0 auto;
width:75%}
.col-10 {
flex:0 0 auto;
width:83.33333333%}
.col-11 {
flex:0 0 auto;
width:91.66666667%}
.col-12 {
flex:0 0 auto;
width:100%}
.offset-1 {
margin-left:8.33333333%}
.offset-2 {
margin-left:16.66666667%}
.offset-3 {
margin-left:25%}
.offset-4 {
margin-left:33.33333333%}
.offset-5 {
margin-left:41.66666667%}
.offset-6 {
margin-left:50%}
.offset-7 {
margin-left:58.33333333%}
.offset-8 {
margin-left:66.66666667%}
.offset-9 {
margin-left:75%}
.offset-10 {
margin-left:83.33333333%}
.offset-11 {
margin-left:91.66666667%}
.g-0,.gx-0 {
--bs-gutter-x:0}
.g-0,.gy-0 {
--bs-gutter-y:0}
.g-1,.gx-1 {
--bs-gutter-x:0.25rem}
.g-1,.gy-1 {
--bs-gutter-y:0.25rem}
.g-2,.gx-2 {
--bs-gutter-x:0.5rem}
.g-2,.gy-2 {
--bs-gutter-y:0.5rem}
.g-3,.gx-3 {
--bs-gutter-x:1rem}
.g-3,.gy-3 {
--bs-gutter-y:1rem}
.g-4,.gx-4 {
--bs-gutter-x:1.5rem}
.g-4,.gy-4 {
--bs-gutter-y:1.5rem}
.g-5,.gx-5 {
--bs-gutter-x:3rem}
.g-5,.gy-5 {
--bs-gutter-y:3rem}
@media (min-width:576px) {
.col-sm {
flex:1 0 0%}
.row-cols-sm-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-sm-1>* {
flex:0 0 auto;
width:100%}
.row-cols-sm-2>* {
flex:0 0 auto;
width:50%}
.row-cols-sm-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-sm-4>* {
flex:0 0 auto;
width:25%}
.row-cols-sm-5>* {
flex:0 0 auto;
width:20%}
.row-cols-sm-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-sm-auto {
flex:0 0 auto;
width:auto}
.col-sm-1 {
flex:0 0 auto;
width:8.33333333%}
.col-sm-2 {
flex:0 0 auto;
width:16.66666667%}
.col-sm-3 {
flex:0 0 auto;
width:25%}
.col-sm-4 {
flex:0 0 auto;
width:33.33333333%}
.col-sm-5 {
flex:0 0 auto;
width:41.66666667%}
.col-sm-6 {
flex:0 0 auto;
width:50%}
.col-sm-7 {
flex:0 0 auto;
width:58.33333333%}
.col-sm-8 {
flex:0 0 auto;
width:66.66666667%}
.col-sm-9 {
flex:0 0 auto;
width:75%}
.col-sm-10 {
flex:0 0 auto;
width:83.33333333%}
.col-sm-11 {
flex:0 0 auto;
width:91.66666667%}
.col-sm-12 {
flex:0 0 auto;
width:100%}
.offset-sm-0 {
margin-left:0}
.offset-sm-1 {
margin-left:8.33333333%}
.offset-sm-2 {
margin-left:16.66666667%}
.offset-sm-3 {
margin-left:25%}
.offset-sm-4 {
margin-left:33.33333333%}
.offset-sm-5 {
margin-left:41.66666667%}
.offset-sm-6 {
margin-left:50%}
.offset-sm-7 {
margin-left:58.33333333%}
.offset-sm-8 {
margin-left:66.66666667%}
.offset-sm-9 {
margin-left:75%}
.offset-sm-10 {
margin-left:83.33333333%}
.offset-sm-11 {
margin-left:91.66666667%}
.g-sm-0,.gx-sm-0 {
--bs-gutter-x:0}
.g-sm-0,.gy-sm-0 {
--bs-gutter-y:0}
.g-sm-1,.gx-sm-1 {
--bs-gutter-x:0.25rem}
.g-sm-1,.gy-sm-1 {
--bs-gutter-y:0.25rem}
.g-sm-2,.gx-sm-2 {
--bs-gutter-x:0.5rem}
.g-sm-2,.gy-sm-2 {
--bs-gutter-y:0.5rem}
.g-sm-3,.gx-sm-3 {
--bs-gutter-x:1rem}
.g-sm-3,.gy-sm-3 {
--bs-gutter-y:1rem}
.g-sm-4,.gx-sm-4 {
--bs-gutter-x:1.5rem}
.g-sm-4,.gy-sm-4 {
--bs-gutter-y:1.5rem}
.g-sm-5,.gx-sm-5 {
--bs-gutter-x:3rem}
.g-sm-5,.gy-sm-5 {
--bs-gutter-y:3rem}
}
@media (min-width:768px) {
.col-md {
flex:1 0 0%}
.row-cols-md-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-md-1>* {
flex:0 0 auto;
width:100%}
.row-cols-md-2>* {
flex:0 0 auto;
width:50%}
.row-cols-md-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-md-4>* {
flex:0 0 auto;
width:25%}
.row-cols-md-5>* {
flex:0 0 auto;
width:20%}
.row-cols-md-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-md-auto {
flex:0 0 auto;
width:auto}
.col-md-1 {
flex:0 0 auto;
width:8.33333333%}
.col-md-2 {
flex:0 0 auto;
width:16.66666667%}
.col-md-3 {
flex:0 0 auto;
width:25%}
.col-md-4 {
flex:0 0 auto;
width:33.33333333%}
.col-md-5 {
flex:0 0 auto;
width:41.66666667%}
.col-md-6 {
flex:0 0 auto;
width:50%}
.col-md-7 {
flex:0 0 auto;
width:58.33333333%}
.col-md-8 {
flex:0 0 auto;
width:66.66666667%}
.col-md-9 {
flex:0 0 auto;
width:75%}
.col-md-10 {
flex:0 0 auto;
width:83.33333333%}
.col-md-11 {
flex:0 0 auto;
width:91.66666667%}
.col-md-12 {
flex:0 0 auto;
width:100%}
.offset-md-0 {
margin-left:0}
.offset-md-1 {
margin-left:8.33333333%}
.offset-md-2 {
margin-left:16.66666667%}
.offset-md-3 {
margin-left:25%}
.offset-md-4 {
margin-left:33.33333333%}
.offset-md-5 {
margin-left:41.66666667%}
.offset-md-6 {
margin-left:50%}
.offset-md-7 {
margin-left:58.33333333%}
.offset-md-8 {
margin-left:66.66666667%}
.offset-md-9 {
margin-left:75%}
.offset-md-10 {
margin-left:83.33333333%}
.offset-md-11 {
margin-left:91.66666667%}
.g-md-0,.gx-md-0 {
--bs-gutter-x:0}
.g-md-0,.gy-md-0 {
--bs-gutter-y:0}
.g-md-1,.gx-md-1 {
--bs-gutter-x:0.25rem}
.g-md-1,.gy-md-1 {
--bs-gutter-y:0.25rem}
.g-md-2,.gx-md-2 {
--bs-gutter-x:0.5rem}
.g-md-2,.gy-md-2 {
--bs-gutter-y:0.5rem}
.g-md-3,.gx-md-3 {
--bs-gutter-x:1rem}
.g-md-3,.gy-md-3 {
--bs-gutter-y:1rem}
.g-md-4,.gx-md-4 {
--bs-gutter-x:1.5rem}
.g-md-4,.gy-md-4 {
--bs-gutter-y:1.5rem}
.g-md-5,.gx-md-5 {
--bs-gutter-x:3rem}
.g-md-5,.gy-md-5 {
--bs-gutter-y:3rem}
}
@media (min-width:992px) {
.col-lg {
flex:1 0 0%}
.row-cols-lg-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-lg-1>* {
flex:0 0 auto;
width:100%}
.row-cols-lg-2>* {
flex:0 0 auto;
width:50%}
.row-cols-lg-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-lg-4>* {
flex:0 0 auto;
width:25%}
.row-cols-lg-5>* {
flex:0 0 auto;
width:20%}
.row-cols-lg-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-lg-auto {
flex:0 0 auto;
width:auto}
.col-lg-1 {
flex:0 0 auto;
width:8.33333333%}
.col-lg-2 {
flex:0 0 auto;
width:16.66666667%}
.col-lg-3 {
flex:0 0 auto;
width:25%}
.col-lg-4 {
flex:0 0 auto;
width:33.33333333%}
.col-lg-5 {
flex:0 0 auto;
width:41.66666667%}
.col-lg-6 {
flex:0 0 auto;
width:50%}
.col-lg-7 {
flex:0 0 auto;
width:58.33333333%}
.col-lg-8 {
flex:0 0 auto;
width:66.66666667%}
.col-lg-9 {
flex:0 0 auto;
width:75%}
.col-lg-10 {
flex:0 0 auto;
width:83.33333333%}
.col-lg-11 {
flex:0 0 auto;
width:91.66666667%}
.col-lg-12 {
flex:0 0 auto;
width:100%}
.offset-lg-0 {
margin-left:0}
.offset-lg-1 {
margin-left:8.33333333%}
.offset-lg-2 {
margin-left:16.66666667%}
.offset-lg-3 {
margin-left:25%}
.offset-lg-4 {
margin-left:33.33333333%}
.offset-lg-5 {
margin-left:41.66666667%}
.offset-lg-6 {
margin-left:50%}
.offset-lg-7 {
margin-left:58.33333333%}
.offset-lg-8 {
margin-left:66.66666667%}
.offset-lg-9 {
margin-left:75%}
.offset-lg-10 {
margin-left:83.33333333%}
.offset-lg-11 {
margin-left:91.66666667%}
.g-lg-0,.gx-lg-0 {
--bs-gutter-x:0}
.g-lg-0,.gy-lg-0 {
--bs-gutter-y:0}
.g-lg-1,.gx-lg-1 {
--bs-gutter-x:0.25rem}
.g-lg-1,.gy-lg-1 {
--bs-gutter-y:0.25rem}
.g-lg-2,.gx-lg-2 {
--bs-gutter-x:0.5rem}
.g-lg-2,.gy-lg-2 {
--bs-gutter-y:0.5rem}
.g-lg-3,.gx-lg-3 {
--bs-gutter-x:1rem}
.g-lg-3,.gy-lg-3 {
--bs-gutter-y:1rem}
.g-lg-4,.gx-lg-4 {
--bs-gutter-x:1.5rem}
.g-lg-4,.gy-lg-4 {
--bs-gutter-y:1.5rem}
.g-lg-5,.gx-lg-5 {
--bs-gutter-x:3rem}
.g-lg-5,.gy-lg-5 {
--bs-gutter-y:3rem}
}
@media (min-width:1200px) {
.col-xl {
flex:1 0 0%}
.row-cols-xl-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-xl-1>* {
flex:0 0 auto;
width:100%}
.row-cols-xl-2>* {
flex:0 0 auto;
width:50%}
.row-cols-xl-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-xl-4>* {
flex:0 0 auto;
width:25%}
.row-cols-xl-5>* {
flex:0 0 auto;
width:20%}
.row-cols-xl-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-xl-auto {
flex:0 0 auto;
width:auto}
.col-xl-1 {
flex:0 0 auto;
width:8.33333333%}
.col-xl-2 {
flex:0 0 auto;
width:16.66666667%}
.col-xl-3 {
flex:0 0 auto;
width:25%}
.col-xl-4 {
flex:0 0 auto;
width:33.33333333%}
.col-xl-5 {
flex:0 0 auto;
width:41.66666667%}
.col-xl-6 {
flex:0 0 auto;
width:50%}
.col-xl-7 {
flex:0 0 auto;
width:58.33333333%}
.col-xl-8 {
flex:0 0 auto;
width:66.66666667%}
.col-xl-9 {
flex:0 0 auto;
width:75%}
.col-xl-10 {
flex:0 0 auto;
width:83.33333333%}
.col-xl-11 {
flex:0 0 auto;
width:91.66666667%}
.col-xl-12 {
flex:0 0 auto;
width:100%}
.offset-xl-0 {
margin-left:0}
.offset-xl-1 {
margin-left:8.33333333%}
.offset-xl-2 {
margin-left:16.66666667%}
.offset-xl-3 {
margin-left:25%}
.offset-xl-4 {
margin-left:33.33333333%}
.offset-xl-5 {
margin-left:41.66666667%}
.offset-xl-6 {
margin-left:50%}
.offset-xl-7 {
margin-left:58.33333333%}
.offset-xl-8 {
margin-left:66.66666667%}
.offset-xl-9 {
margin-left:75%}
.offset-xl-10 {
margin-left:83.33333333%}
.offset-xl-11 {
margin-left:91.66666667%}
.g-xl-0,.gx-xl-0 {
--bs-gutter-x:0}
.g-xl-0,.gy-xl-0 {
--bs-gutter-y:0}
.g-xl-1,.gx-xl-1 {
--bs-gutter-x:0.25rem}
.g-xl-1,.gy-xl-1 {
--bs-gutter-y:0.25rem}
.g-xl-2,.gx-xl-2 {
--bs-gutter-x:0.5rem}
.g-xl-2,.gy-xl-2 {
--bs-gutter-y:0.5rem}
.g-xl-3,.gx-xl-3 {
--bs-gutter-x:1rem}
.g-xl-3,.gy-xl-3 {
--bs-gutter-y:1rem}
.g-xl-4,.gx-xl-4 {
--bs-gutter-x:1.5rem}
.g-xl-4,.gy-xl-4 {
--bs-gutter-y:1.5rem}
.g-xl-5,.gx-xl-5 {
--bs-gutter-x:3rem}
.g-xl-5,.gy-xl-5 {
--bs-gutter-y:3rem}
}
@media (min-width:1400px) {
.col-xxl {
flex:1 0 0%}
.row-cols-xxl-auto>* {
flex:0 0 auto;
width:auto}
.row-cols-xxl-1>* {
flex:0 0 auto;
width:100%}
.row-cols-xxl-2>* {
flex:0 0 auto;
width:50%}
.row-cols-xxl-3>* {
flex:0 0 auto;
width:33.33333333%}
.row-cols-xxl-4>* {
flex:0 0 auto;
width:25%}
.row-cols-xxl-5>* {
flex:0 0 auto;
width:20%}
.row-cols-xxl-6>* {
flex:0 0 auto;
width:16.66666667%}
.col-xxl-auto {
flex:0 0 auto;
width:auto}
.col-xxl-1 {
flex:0 0 auto;
width:8.33333333%}
.col-xxl-2 {
flex:0 0 auto;
width:16.66666667%}
.col-xxl-3 {
flex:0 0 auto;
width:25%}
.col-xxl-4 {
flex:0 0 auto;
width:33.33333333%}
.col-xxl-5 {
flex:0 0 auto;
width:41.66666667%}
.col-xxl-6 {
flex:0 0 auto;
width:50%}
.col-xxl-7 {
flex:0 0 auto;
width:58.33333333%}
.col-xxl-8 {
flex:0 0 auto;
width:66.66666667%}
.col-xxl-9 {
flex:0 0 auto;
width:75%}
.col-xxl-10 {
flex:0 0 auto;
width:83.33333333%}
.col-xxl-11 {
flex:0 0 auto;
width:91.66666667%}
.col-xxl-12 {
flex:0 0 auto;
width:100%}
.offset-xxl-0 {
margin-left:0}
.offset-xxl-1 {
margin-left:8.33333333%}
.offset-xxl-2 {
margin-left:16.66666667%}
.offset-xxl-3 {
margin-left:25%}
.offset-xxl-4 {
margin-left:33.33333333%}
.offset-xxl-5 {
margin-left:41.66666667%}
.offset-xxl-6 {
margin-left:50%}
.offset-xxl-7 {
margin-left:58.33333333%}
.offset-xxl-8 {
margin-left:66.66666667%}
.offset-xxl-9 {
margin-left:75%}
.offset-xxl-10 {
margin-left:83.33333333%}
.offset-xxl-11 {
margin-left:91.66666667%}
.g-xxl-0,.gx-xxl-0 {
--bs-gutter-x:0}
.g-xxl-0,.gy-xxl-0 {
--bs-gutter-y:0}
.g-xxl-1,.gx-xxl-1 {
--bs-gutter-x:0.25rem}
.g-xxl-1,.gy-xxl-1 {
--bs-gutter-y:0.25rem}
.g-xxl-2,.gx-xxl-2 {
--bs-gutter-x:0.5rem}
.g-xxl-2,.gy-xxl-2 {
--bs-gutter-y:0.5rem}
.g-xxl-3,.gx-xxl-3 {
--bs-gutter-x:1rem}
.g-xxl-3,.gy-xxl-3 {
--bs-gutter-y:1rem}
.g-xxl-4,.gx-xxl-4 {
--bs-gutter-x:1.5rem}
.g-xxl-4,.gy-xxl-4 {
--bs-gutter-y:1.5rem}
.g-xxl-5,.gx-xxl-5 {
--bs-gutter-x:3rem}
.g-xxl-5,.gy-xxl-5 {
--bs-gutter-y:3rem}
}
.table {
--bs-table-color-type:initial;
--bs-table-bg-type:initial;
--bs-table-color-state:initial;
--bs-table-bg-state:initial;
--bs-table-color:var(--bs-emphasis-color);
--bs-table-bg:var(--bs-body-bg);
--bs-table-border-color:var(--bs-border-color);
--bs-table-accent-bg:transparent;
--bs-table-striped-color:var(--bs-emphasis-color);
--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color:var(--bs-emphasis-color);
--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color:var(--bs-emphasis-color);
--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
width:100%;
margin-bottom:1rem;
vertical-align:top;
border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>* {
padding:.5rem .5rem;
color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
background-color:var(--bs-table-bg);
border-bottom-width:var(--bs-border-width);
box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}
.table>tbody {
vertical-align:inherit}
.table>thead {
vertical-align:bottom}
.table-group-divider {
border-top:calc(var(--bs-border-width) * 2) solid currentcolor}
.caption-top {
caption-side:top}
.table-sm>:not(caption)>*>* {
padding:.25rem .25rem}
.table-bordered>:not(caption)>* {
border-width:var(--bs-border-width) 0}
.table-bordered>:not(caption)>*>* {
border-width:0 var(--bs-border-width)}
.table-borderless>:not(caption)>*>* {
border-bottom-width:0}
.table-borderless>:not(:first-child) {
border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-color-type:var(--bs-table-striped-color);
--bs-table-bg-type:var(--bs-table-striped-bg)}
.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
--bs-table-color-type:var(--bs-table-striped-color);
--bs-table-bg-type:var(--bs-table-striped-bg)}
.table-active {
--bs-table-color-state:var(--bs-table-active-color);
--bs-table-bg-state:var(--bs-table-active-bg)}
.table-hover>tbody>tr:hover>* {
--bs-table-color-state:var(--bs-table-hover-color);
--bs-table-bg-state:var(--bs-table-hover-bg)}
.table-primary {
--bs-table-color:#000;
--bs-table-bg:#cfe2ff;
--bs-table-border-color:#a6b5cc;
--bs-table-striped-bg:#c5d7f2;
--bs-table-striped-color:#000;
--bs-table-active-bg:#bacbe6;
--bs-table-active-color:#000;
--bs-table-hover-bg:#bfd1ec;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-secondary {
--bs-table-color:#000;
--bs-table-bg:#e2e3e5;
--bs-table-border-color:#b5b6b7;
--bs-table-striped-bg:#d7d8da;
--bs-table-striped-color:#000;
--bs-table-active-bg:#cbccce;
--bs-table-active-color:#000;
--bs-table-hover-bg:#d1d2d4;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-success {
--bs-table-color:#000;
--bs-table-bg:#d1e7dd;
--bs-table-border-color:#a7b9b1;
--bs-table-striped-bg:#c7dbd2;
--bs-table-striped-color:#000;
--bs-table-active-bg:#bcd0c7;
--bs-table-active-color:#000;
--bs-table-hover-bg:#c1d6cc;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-info {
--bs-table-color:#000;
--bs-table-bg:#cff4fc;
--bs-table-border-color:#a6c3ca;
--bs-table-striped-bg:#c5e8ef;
--bs-table-striped-color:#000;
--bs-table-active-bg:#badce3;
--bs-table-active-color:#000;
--bs-table-hover-bg:#bfe2e9;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-warning {
--bs-table-color:#000;
--bs-table-bg:#fff3cd;
--bs-table-border-color:#ccc2a4;
--bs-table-striped-bg:#f2e7c3;
--bs-table-striped-color:#000;
--bs-table-active-bg:#e6dbb9;
--bs-table-active-color:#000;
--bs-table-hover-bg:#ece1be;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-danger {
--bs-table-color:#000;
--bs-table-bg:#f8d7da;
--bs-table-border-color:#c6acae;
--bs-table-striped-bg:#eccccf;
--bs-table-striped-color:#000;
--bs-table-active-bg:#dfc2c4;
--bs-table-active-color:#000;
--bs-table-hover-bg:#e5c7ca;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-light {
--bs-table-color:#000;
--bs-table-bg:#f8f9fa;
--bs-table-border-color:#c6c7c8;
--bs-table-striped-bg:#ecedee;
--bs-table-striped-color:#000;
--bs-table-active-bg:#dfe0e1;
--bs-table-active-color:#000;
--bs-table-hover-bg:#e5e6e7;
--bs-table-hover-color:#000;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-dark {
--bs-table-color:#fff;
--bs-table-bg:#212529;
--bs-table-border-color:#4d5154;
--bs-table-striped-bg:#2c3034;
--bs-table-striped-color:#fff;
--bs-table-active-bg:#373b3e;
--bs-table-active-color:#fff;
--bs-table-hover-bg:#323539;
--bs-table-hover-color:#fff;
color:var(--bs-table-color);
border-color:var(--bs-table-border-color)}
.table-responsive {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
@media (max-width:575.98px) {
.table-responsive-sm {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:767.98px) {
.table-responsive-md {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:991.98px) {
.table-responsive-lg {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:1399.98px) {
.table-responsive-xxl {
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
.form-label {
margin-bottom:.5rem}
.col-form-label {
padding-top:calc(.375rem + var(--bs-border-width));
padding-bottom:calc(.375rem + var(--bs-border-width));
margin-bottom:0;
font-size:inherit;
line-height:1.5}
.col-form-label-lg {
padding-top:calc(.5rem + var(--bs-border-width));
padding-bottom:calc(.5rem + var(--bs-border-width));
font-size:1.25rem}
.col-form-label-sm {
padding-top:calc(.25rem + var(--bs-border-width));
padding-bottom:calc(.25rem + var(--bs-border-width));
font-size:.875rem}
.form-text {
margin-top:.25rem;
font-size:.875em;
color:var(--bs-secondary-color)}
.form-control {
display:block;
width:100%;
padding:.375rem .75rem;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:var(--bs-body-color);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:var(--bs-body-bg);
background-clip:padding-box;
border:var(--bs-border-width) solid var(--bs-border-color);
border-radius:var(--bs-border-radius);
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition:none}
}
.form-control[type=file] {
overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor:pointer}
.form-control:focus {
color:var(--bs-body-color);
background-color:var(--bs-body-bg);
border-color:#86b7fe;
outline:0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value {
min-width:85px;
height:1.5em;
margin:0}
.form-control::-webkit-datetime-edit {
display:block;
padding:0}
.form-control::-moz-placeholder {
color:var(--bs-secondary-color);
opacity:1}
.form-control::placeholder {
color:var(--bs-secondary-color);
opacity:1}
.form-control:disabled {
background-color:var(--bs-secondary-bg);
opacity:1}
.form-control::-webkit-file-upload-button {
padding:.375rem .75rem;
margin:-.375rem -.75rem;
-webkit-margin-end:.75rem;
margin-inline-end:.75rem;
color:var(--bs-body-color);
background-color:var(--bs-tertiary-bg);
pointer-events:none;
border-color:inherit;
border-style:solid;
border-width:0;
border-inline-end-width:var(--bs-border-width);
border-radius:0;
-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::file-selector-button {
padding:.375rem .75rem;
margin:-.375rem -.75rem;
-webkit-margin-end:.75rem;
margin-inline-end:.75rem;
color:var(--bs-body-color);
background-color:var(--bs-tertiary-bg);
pointer-events:none;
border-color:inherit;
border-style:solid;
border-width:0;
border-inline-end-width:var(--bs-border-width);
border-radius:0;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition:none;
transition:none}
.form-control::file-selector-button {
transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color:var(--bs-secondary-bg)}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color:var(--bs-secondary-bg)}
.form-control-plaintext {
display:block;
width:100%;
padding:.375rem 0;
margin-bottom:0;
line-height:1.5;
color:var(--bs-body-color);
background-color:transparent;
border:solid transparent;
border-width:var(--bs-border-width) 0}
.form-control-plaintext:focus {
outline:0}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
padding-right:0;
padding-left:0}
.form-control-sm {
min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
padding:.25rem .5rem;
font-size:.875rem;
border-radius:var(--bs-border-radius-sm)}
.form-control-sm::-webkit-file-upload-button {
padding:.25rem .5rem;
margin:-.25rem -.5rem;
-webkit-margin-end:.5rem;
margin-inline-end:.5rem}
.form-control-sm::file-selector-button {
padding:.25rem .5rem;
margin:-.25rem -.5rem;
-webkit-margin-end:.5rem;
margin-inline-end:.5rem}
.form-control-lg {
min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding:.5rem 1rem;
font-size:1.25rem;
border-radius:var(--bs-border-radius-lg)}
.form-control-lg::-webkit-file-upload-button {
padding:.5rem 1rem;
margin:-.5rem -1rem;
-webkit-margin-end:1rem;
margin-inline-end:1rem}
.form-control-lg::file-selector-button {
padding:.5rem 1rem;
margin:-.5rem -1rem;
-webkit-margin-end:1rem;
margin-inline-end:1rem}
textarea.form-control {
min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-sm {
min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-lg {
min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-control-color {
width:3rem;
height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
padding:.375rem}
.form-control-color:not(:disabled):not([readonly]) {
cursor:pointer}
.form-control-color::-moz-color-swatch {
border:0!important;
border-radius:var(--bs-border-radius)}
.form-control-color::-webkit-color-swatch {
border:0!important;
border-radius:var(--bs-border-radius)}
.form-control-color.form-control-sm {
height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
.form-control-color.form-control-lg {
height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-select {
--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display:block;
width:100%;
padding:.375rem 2.25rem .375rem .75rem;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:var(--bs-body-color);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:var(--bs-body-bg);
background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
background-repeat:no-repeat;
background-position:right .75rem center;
background-size:16px 12px;
border:var(--bs-border-width) solid var(--bs-border-color);
border-radius:var(--bs-border-radius);
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-select {
transition:none}
}
.form-select:focus {
border-color:#86b7fe;
outline:0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-select[multiple],.form-select[size]:not([size="1"]) {
padding-right:.75rem;
background-image:none}
.form-select:disabled {
background-color:var(--bs-secondary-bg)}
.form-select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 var(--bs-body-color)}
.form-select-sm {
padding-top:.25rem;
padding-bottom:.25rem;
padding-left:.5rem;
font-size:.875rem;
border-radius:var(--bs-border-radius-sm)}
.form-select-lg {
padding-top:.5rem;
padding-bottom:.5rem;
padding-left:1rem;
font-size:1.25rem;
border-radius:var(--bs-border-radius-lg)}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.form-check {
display:block;
min-height:1.5rem;
padding-left:1.5em;
margin-bottom:.125rem}
.form-check .form-check-input {
float:left;
margin-left:-1.5em}
.form-check-reverse {
padding-right:1.5em;
padding-left:0;
text-align:right}
.form-check-reverse .form-check-input {
float:right;
margin-right:-1.5em;
margin-left:0}
.form-check-input {
--bs-form-check-bg:var(--bs-body-bg);
flex-shrink:0;
width:1em;
height:1em;
margin-top:.25em;
vertical-align:top;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:var(--bs-form-check-bg);
background-image:var(--bs-form-check-bg-image);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border:var(--bs-border-width) solid var(--bs-border-color);
-webkit-print-color-adjust:exact;
color-adjust:exact;
print-color-adjust:exact}
.form-check-input[type=checkbox] {
border-radius:.25em}
.form-check-input[type=radio] {
border-radius:50%}
.form-check-input:active {
filter:brightness(90%)}
.form-check-input:focus {
border-color:#86b7fe;
outline:0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-check-input:checked {
background-color:#0d6efd;
border-color:#0d6efd}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate {
background-color:#0d6efd;
border-color:#0d6efd;
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled {
pointer-events:none;
filter:none;
opacity:.5}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
cursor:default;
opacity:.5}
.form-switch {
padding-left:2.5em}
.form-switch .form-check-input {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width:2em;
margin-left:-2.5em;
background-image:var(--bs-form-switch-bg);
background-position:left center;
border-radius:2em;
transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
transition:none}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked {
background-position:right center;
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-switch.form-check-reverse {
padding-right:2.5em;
padding-left:0}
.form-switch.form-check-reverse .form-check-input {
margin-right:-2.5em;
margin-left:0}
.form-check-inline {
display:inline-block;
margin-right:1rem}
.btn-check {
position:absolute;
clip:rect(0,0,0,0);
pointer-events:none}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
pointer-events:none;
filter:none;
opacity:.65}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}
.form-range {
width:100%;
height:1.5rem;
padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent}
.form-range:focus {
outline:0}
.form-range:focus::-webkit-slider-thumb {
box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range:focus::-moz-range-thumb {
box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range::-moz-focus-outer {
border:0}
.form-range::-webkit-slider-thumb {
width:1rem;
height:1rem;
margin-top:-.25rem;
-webkit-appearance:none;
appearance:none;
background-color:#0d6efd;
border:0;
border-radius:1rem;
-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition:none;
transition:none}
}
.form-range::-webkit-slider-thumb:active {
background-color:#b6d4fe}
.form-range::-webkit-slider-runnable-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--bs-secondary-bg);
border-color:transparent;
border-radius:1rem}
.form-range::-moz-range-thumb {
width:1rem;
height:1rem;
-moz-appearance:none;
appearance:none;
background-color:#0d6efd;
border:0;
border-radius:1rem;
-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
-moz-transition:none;
transition:none}
}
.form-range::-moz-range-thumb:active {
background-color:#b6d4fe}
.form-range::-moz-range-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--bs-secondary-bg);
border-color:transparent;
border-radius:1rem}
.form-range:disabled {
pointer-events:none}
.form-range:disabled::-webkit-slider-thumb {
background-color:var(--bs-secondary-color)}
.form-range:disabled::-moz-range-thumb {
background-color:var(--bs-secondary-color)}
.form-floating {
position:relative}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
height:calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height:1.25}
.form-floating>label {
position:absolute;
top:0;
left:0;
z-index:2;
height:100%;
padding:1rem .75rem;
overflow:hidden;
text-align:start;
text-overflow:ellipsis;
white-space:nowrap;
pointer-events:none;
border:var(--bs-border-width) solid transparent;
transform-origin:0 0;
transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-floating>label {
transition:none}
}
.form-floating>.form-control,.form-floating>.form-control-plaintext {
padding:1rem .75rem}
.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder {
color:transparent}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
color:transparent}
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-select {
padding-top:1.625rem;
padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
color:rgba(var(--bs-body-color-rgb),.65);
transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
color:rgba(var(--bs-body-color-rgb),.65);
transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
position:absolute;
inset:1rem 0.375rem;
z-index:-1;
height:1.5em;
content:"";
background-color:var(--bs-body-bg);
border-radius:var(--bs-border-radius)}
.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after {
position:absolute;
inset:1rem 0.375rem;
z-index:-1;
height:1.5em;
content:"";
background-color:var(--bs-body-bg);
border-radius:var(--bs-border-radius)}
.form-floating>.form-control:-webkit-autofill~label {
color:rgba(var(--bs-body-color-rgb),.65);
transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label {
border-width:var(--bs-border-width) 0}
.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
color:#6c757d}
.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after {
background-color:var(--bs-secondary-bg)}
.input-group {
position:relative;
display:flex;
flex-wrap:wrap;
align-items:stretch;
width:100%}
.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
position:relative;
flex:1 1 auto;
width:1%;
min-width:0}
.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
z-index:5}
.input-group .btn {
position:relative;
z-index:2}
.input-group .btn:focus {
z-index:5}
.input-group-text {
display:flex;
align-items:center;
padding:.375rem .75rem;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:var(--bs-body-color);
text-align:center;
white-space:nowrap;
background-color:var(--bs-tertiary-bg);
border:var(--bs-border-width) solid var(--bs-border-color);
border-radius:var(--bs-border-radius)}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
padding:.5rem 1rem;
font-size:1.25rem;
border-radius:var(--bs-border-radius-lg)}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
padding:.25rem .5rem;
font-size:.875rem;
border-radius:var(--bs-border-radius-sm)}
.input-group-lg>.form-select,.input-group-sm>.form-select {
padding-right:3rem}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
border-top-right-radius:0;
border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
border-top-right-radius:0;
border-bottom-right-radius:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left:calc(var(--bs-border-width) * -1);
border-top-left-radius:0;
border-bottom-left-radius:0}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
border-top-left-radius:0;
border-bottom-left-radius:0}
.valid-feedback {
display:none;
width:100%;
margin-top:.25rem;
font-size:.875em;
color:var(--bs-form-valid-color)}
.valid-tooltip {
position:absolute;
top:100%;
z-index:5;
display:none;
max-width:100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:.875rem;
color:#fff;
background-color:var(--bs-success);
border-radius:var(--bs-border-radius)}
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
display:block}
.form-control.is-valid,.was-validated .form-control:valid {
border-color:var(--bs-form-valid-border-color);
padding-right:calc(1.5em + .75rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .1875rem) center;
background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
border-color:var(--bs-form-valid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
padding-right:calc(1.5em + .75rem);
background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid,.was-validated .form-select:valid {
border-color:var(--bs-form-valid-border-color)}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right:4.125rem;
background-position:right .75rem center,center right 2.25rem;
background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
border-color:var(--bs-form-valid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-control-color.is-valid,.was-validated .form-control-color:valid {
width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid,.was-validated .form-check-input:valid {
border-color:var(--bs-form-valid-border-color)}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
background-color:var(--bs-form-valid-color)}
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
color:var(--bs-form-valid-color)}
.form-check-inline .form-check-input~.valid-feedback {
margin-left:.5em}
.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
z-index:3}
.invalid-feedback {
display:none;
width:100%;
margin-top:.25rem;
font-size:.875em;
color:var(--bs-form-invalid-color)}
.invalid-tooltip {
position:absolute;
top:100%;
z-index:5;
display:none;
max-width:100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:.875rem;
color:#fff;
background-color:var(--bs-danger);
border-radius:var(--bs-border-radius)}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
display:block}
.form-control.is-invalid,.was-validated .form-control:invalid {
border-color:var(--bs-form-invalid-border-color);
padding-right:calc(1.5em + .75rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .1875rem) center;
background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
border-color:var(--bs-form-invalid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
padding-right:calc(1.5em + .75rem);
background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid,.was-validated .form-select:invalid {
border-color:var(--bs-form-invalid-border-color)}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right:4.125rem;
background-position:right .75rem center,center right 2.25rem;
background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
border-color:var(--bs-form-invalid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
border-color:var(--bs-form-invalid-border-color)}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
background-color:var(--bs-form-invalid-color)}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
color:var(--bs-form-invalid-color)}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left:.5em}
.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
z-index:4}
.btn {
--bs-btn-padding-x:0.75rem;
--bs-btn-padding-y:0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size:1rem;
--bs-btn-font-weight:400;
--bs-btn-line-height:1.5;
--bs-btn-color:var(--bs-body-color);
--bs-btn-bg:transparent;
--bs-btn-border-width:var(--bs-border-width);
--bs-btn-border-color:transparent;
--bs-btn-border-radius:var(--bs-border-radius);
--bs-btn-hover-border-color:transparent;
--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity:0.65;
--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display:inline-block;
padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family:var(--bs-btn-font-family);
font-size:var(--bs-btn-font-size);
font-weight:var(--bs-btn-font-weight);
line-height:var(--bs-btn-line-height);
color:var(--bs-btn-color);
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius:var(--bs-btn-border-radius);
background-color:var(--bs-btn-bg);
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.btn {
transition:none}
}
.btn:hover {
color:var(--bs-btn-hover-color);
background-color:var(--bs-btn-hover-bg);
border-color:var(--bs-btn-hover-border-color)}
.btn-check+.btn:hover {
color:var(--bs-btn-color);
background-color:var(--bs-btn-bg);
border-color:var(--bs-btn-border-color)}
.btn:focus-visible {
color:var(--bs-btn-hover-color);
background-color:var(--bs-btn-hover-bg);
border-color:var(--bs-btn-hover-border-color);
outline:0;
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:focus-visible+.btn {
border-color:var(--bs-btn-hover-border-color);
outline:0;
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
color:var(--bs-btn-active-color);
background-color:var(--bs-btn-active-bg);
border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked:focus-visible+.btn {
box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn {
color:var(--bs-btn-disabled-color);
pointer-events:none;
background-color:var(--bs-btn-disabled-bg);
border-color:var(--bs-btn-disabled-border-color);
opacity:var(--bs-btn-disabled-opacity)}
.btn-primary {
--bs-btn-color:#fff;
--bs-btn-bg:#0d6efd;
--bs-btn-border-color:#0d6efd;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#0b5ed7;
--bs-btn-hover-border-color:#0a58ca;
--bs-btn-focus-shadow-rgb:49,132,253;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#0a58ca;
--bs-btn-active-border-color:#0a53be;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#0d6efd;
--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary {
--bs-btn-color:#fff;
--bs-btn-bg:#6c757d;
--bs-btn-border-color:#6c757d;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#5c636a;
--bs-btn-hover-border-color:#565e64;
--bs-btn-focus-shadow-rgb:130,138,145;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#565e64;
--bs-btn-active-border-color:#51585e;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#6c757d;
--bs-btn-disabled-border-color:#6c757d}
.btn-success {
--bs-btn-color:#fff;
--bs-btn-bg:#198754;
--bs-btn-border-color:#198754;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#157347;
--bs-btn-hover-border-color:#146c43;
--bs-btn-focus-shadow-rgb:60,153,110;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#146c43;
--bs-btn-active-border-color:#13653f;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#198754;
--bs-btn-disabled-border-color:#198754}
.btn-info {
--bs-btn-color:#000;
--bs-btn-bg:#0dcaf0;
--bs-btn-border-color:#0dcaf0;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#31d2f2;
--bs-btn-hover-border-color:#25cff2;
--bs-btn-focus-shadow-rgb:11,172,204;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#3dd5f3;
--bs-btn-active-border-color:#25cff2;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#0dcaf0;
--bs-btn-disabled-border-color:#0dcaf0}
.btn-warning {
--bs-btn-color:#000;
--bs-btn-bg:#ffc107;
--bs-btn-border-color:#ffc107;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#ffca2c;
--bs-btn-hover-border-color:#ffc720;
--bs-btn-focus-shadow-rgb:217,164,6;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#ffcd39;
--bs-btn-active-border-color:#ffc720;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#ffc107;
--bs-btn-disabled-border-color:#ffc107}
.btn-danger {
--bs-btn-color:#fff;
--bs-btn-bg:#dc3545;
--bs-btn-border-color:#dc3545;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#bb2d3b;
--bs-btn-hover-border-color:#b02a37;
--bs-btn-focus-shadow-rgb:225,83,97;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#b02a37;
--bs-btn-active-border-color:#a52834;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#dc3545;
--bs-btn-disabled-border-color:#dc3545}
.btn-light {
--bs-btn-color:#000;
--bs-btn-bg:#f8f9fa;
--bs-btn-border-color:#f8f9fa;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#d3d4d5;
--bs-btn-hover-border-color:#c6c7c8;
--bs-btn-focus-shadow-rgb:211,212,213;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#c6c7c8;
--bs-btn-active-border-color:#babbbc;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#f8f9fa;
--bs-btn-disabled-border-color:#f8f9fa}
.btn-dark {
--bs-btn-color:#fff;
--bs-btn-bg:#212529;
--bs-btn-border-color:#212529;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#424649;
--bs-btn-hover-border-color:#373b3e;
--bs-btn-focus-shadow-rgb:66,70,73;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#4d5154;
--bs-btn-active-border-color:#373b3e;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#212529;
--bs-btn-disabled-border-color:#212529}
.btn-outline-primary {
--bs-btn-color:#0d6efd;
--bs-btn-border-color:#0d6efd;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#0d6efd;
--bs-btn-hover-border-color:#0d6efd;
--bs-btn-focus-shadow-rgb:13,110,253;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#0d6efd;
--bs-btn-active-border-color:#0d6efd;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#0d6efd;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#0d6efd;
--bs-gradient:none}
.btn-outline-secondary {
--bs-btn-color:#6c757d;
--bs-btn-border-color:#6c757d;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#6c757d;
--bs-btn-hover-border-color:#6c757d;
--bs-btn-focus-shadow-rgb:108,117,125;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#6c757d;
--bs-btn-active-border-color:#6c757d;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#6c757d;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#6c757d;
--bs-gradient:none}
.btn-outline-success {
--bs-btn-color:#198754;
--bs-btn-border-color:#198754;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#198754;
--bs-btn-hover-border-color:#198754;
--bs-btn-focus-shadow-rgb:25,135,84;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#198754;
--bs-btn-active-border-color:#198754;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#198754;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#198754;
--bs-gradient:none}
.btn-outline-info {
--bs-btn-color:#0dcaf0;
--bs-btn-border-color:#0dcaf0;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#0dcaf0;
--bs-btn-hover-border-color:#0dcaf0;
--bs-btn-focus-shadow-rgb:13,202,240;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#0dcaf0;
--bs-btn-active-border-color:#0dcaf0;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#0dcaf0;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#0dcaf0;
--bs-gradient:none}
.btn-outline-warning {
--bs-btn-color:#ffc107;
--bs-btn-border-color:#ffc107;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#ffc107;
--bs-btn-hover-border-color:#ffc107;
--bs-btn-focus-shadow-rgb:255,193,7;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#ffc107;
--bs-btn-active-border-color:#ffc107;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#ffc107;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#ffc107;
--bs-gradient:none}
.btn-outline-danger {
--bs-btn-color:#dc3545;
--bs-btn-border-color:#dc3545;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#dc3545;
--bs-btn-hover-border-color:#dc3545;
--bs-btn-focus-shadow-rgb:220,53,69;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#dc3545;
--bs-btn-active-border-color:#dc3545;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#dc3545;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#dc3545;
--bs-gradient:none}
.btn-outline-light {
--bs-btn-color:#f8f9fa;
--bs-btn-border-color:#f8f9fa;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#f8f9fa;
--bs-btn-hover-border-color:#f8f9fa;
--bs-btn-focus-shadow-rgb:248,249,250;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#f8f9fa;
--bs-btn-active-border-color:#f8f9fa;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#f8f9fa;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#f8f9fa;
--bs-gradient:none}
.btn-outline-dark {
--bs-btn-color:#212529;
--bs-btn-border-color:#212529;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#212529;
--bs-btn-hover-border-color:#212529;
--bs-btn-focus-shadow-rgb:33,37,41;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#212529;
--bs-btn-active-border-color:#212529;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#212529;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#212529;
--bs-gradient:none}
.btn-link {
--bs-btn-font-weight:400;
--bs-btn-color:var(--bs-link-color);
--bs-btn-bg:transparent;
--bs-btn-border-color:transparent;
--bs-btn-hover-color:var(--bs-link-hover-color);
--bs-btn-hover-border-color:transparent;
--bs-btn-active-color:var(--bs-link-hover-color);
--bs-btn-active-border-color:transparent;
--bs-btn-disabled-color:#6c757d;
--bs-btn-disabled-border-color:transparent;
--bs-btn-box-shadow:0 0 0 #000;
--bs-btn-focus-shadow-rgb:49,132,253;
text-decoration:underline}
.btn-link:focus-visible {
color:var(--bs-btn-color)}
.btn-link:hover {
color:var(--bs-btn-hover-color)}
.btn-group-lg>.btn,.btn-lg {
--bs-btn-padding-y:0.5rem;
--bs-btn-padding-x:1rem;
--bs-btn-font-size:1.25rem;
--bs-btn-border-radius:var(--bs-border-radius-lg)}
.btn-group-sm>.btn,.btn-sm {
--bs-btn-padding-y:0.25rem;
--bs-btn-padding-x:0.5rem;
--bs-btn-font-size:0.875rem;
--bs-btn-border-radius:var(--bs-border-radius-sm)}
.fade {
transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce) {
.fade {
transition:none}
}
.fade:not(.show) {
opacity:0}
.collapse:not(.show) {
display:none}
.collapsing {
height:0;
overflow:hidden;
transition:height .35s ease}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition:none}
}
.collapsing.collapse-horizontal {
width:0;
height:auto;
transition:width .35s ease}
@media (prefers-reduced-motion:reduce) {
.collapsing.collapse-horizontal {
transition:none}
}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
position:relative}
.dropdown-toggle {
white-space:nowrap}
.dropdown-toggle::after {
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid;
border-right:.3em solid transparent;
border-bottom:0;
border-left:.3em solid transparent}
.dropdown-toggle:empty::after {
margin-left:0}
.dropdown-menu {
--bs-dropdown-zindex:1000;
--bs-dropdown-min-width:10rem;
--bs-dropdown-padding-x:0;
--bs-dropdown-padding-y:0.5rem;
--bs-dropdown-spacer:0.125rem;
--bs-dropdown-font-size:1rem;
--bs-dropdown-color:var(--bs-body-color);
--bs-dropdown-bg:var(--bs-body-bg);
--bs-dropdown-border-color:var(--bs-border-color-translucent);
--bs-dropdown-border-radius:var(--bs-border-radius);
--bs-dropdown-border-width:var(--bs-border-width);
--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg:var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y:0.5rem;
--bs-dropdown-box-shadow:var(--bs-box-shadow);
--bs-dropdown-link-color:var(--bs-body-color);
--bs-dropdown-link-hover-color:var(--bs-body-color);
--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
--bs-dropdown-link-active-color:#fff;
--bs-dropdown-link-active-bg:#0d6efd;
--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
--bs-dropdown-item-padding-x:1rem;
--bs-dropdown-item-padding-y:0.25rem;
--bs-dropdown-header-color:#6c757d;
--bs-dropdown-header-padding-x:1rem;
--bs-dropdown-header-padding-y:0.5rem;
position:absolute;
z-index:var(--bs-dropdown-zindex);
display:none;
min-width:var(--bs-dropdown-min-width);
padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin:0;
font-size:var(--bs-dropdown-font-size);
color:var(--bs-dropdown-color);
text-align:left;
list-style:none;
background-color:var(--bs-dropdown-bg);
background-clip:padding-box;
border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper] {
top:100%;
left:0;
margin-top:var(--bs-dropdown-spacer)}
.dropdown-menu-start {
--bs-position:start}
.dropdown-menu-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-end {
--bs-position:end}
.dropdown-menu-end[data-bs-popper] {
right:0;
left:auto}
@media (min-width:576px) {
.dropdown-menu-sm-start {
--bs-position:start}
.dropdown-menu-sm-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-sm-end {
--bs-position:end}
.dropdown-menu-sm-end[data-bs-popper] {
right:0;
left:auto}
}
@media (min-width:768px) {
.dropdown-menu-md-start {
--bs-position:start}
.dropdown-menu-md-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-md-end {
--bs-position:end}
.dropdown-menu-md-end[data-bs-popper] {
right:0;
left:auto}
}
@media (min-width:992px) {
.dropdown-menu-lg-start {
--bs-position:start}
.dropdown-menu-lg-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-lg-end {
--bs-position:end}
.dropdown-menu-lg-end[data-bs-popper] {
right:0;
left:auto}
}
@media (min-width:1200px) {
.dropdown-menu-xl-start {
--bs-position:start}
.dropdown-menu-xl-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-xl-end {
--bs-position:end}
.dropdown-menu-xl-end[data-bs-popper] {
right:0;
left:auto}
}
@media (min-width:1400px) {
.dropdown-menu-xxl-start {
--bs-position:start}
.dropdown-menu-xxl-start[data-bs-popper] {
right:auto;
left:0}
.dropdown-menu-xxl-end {
--bs-position:end}
.dropdown-menu-xxl-end[data-bs-popper] {
right:0;
left:auto}
}
.dropup .dropdown-menu[data-bs-popper] {
top:auto;
bottom:100%;
margin-top:0;
margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after {
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:0;
border-right:.3em solid transparent;
border-bottom:.3em solid;
border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after {
margin-left:0}
.dropend .dropdown-menu[data-bs-popper] {
top:0;
right:auto;
left:100%;
margin-top:0;
margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after {
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid transparent;
border-right:0;
border-bottom:.3em solid transparent;
border-left:.3em solid}
.dropend .dropdown-toggle:empty::after {
margin-left:0}
.dropend .dropdown-toggle::after {
vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper] {
top:0;
right:100%;
left:auto;
margin-top:0;
margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after {
display:inline-block;
margin-left:.255em;
vertical-align:.255em;
content:""}
.dropstart .dropdown-toggle::after {
display:none}
.dropstart .dropdown-toggle::before {
display:inline-block;
margin-right:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid transparent;
border-right:.3em solid;
border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after {
margin-left:0}
.dropstart .dropdown-toggle::before {
vertical-align:0}
.dropdown-divider {
height:0;
margin:var(--bs-dropdown-divider-margin-y) 0;
overflow:hidden;
border-top:1px solid var(--bs-dropdown-divider-bg);
opacity:1}
.dropdown-item {
display:block;
width:100%;
padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear:both;
font-weight:400;
color:var(--bs-dropdown-link-color);
text-align:inherit;
text-decoration:none;
white-space:nowrap;
background-color:transparent;
border:0;
border-radius:var(--bs-dropdown-item-border-radius,0)}
.dropdown-item:focus,.dropdown-item:hover {
color:var(--bs-dropdown-link-hover-color);
background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active {
color:var(--bs-dropdown-link-active-color);
text-decoration:none;
background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled {
color:var(--bs-dropdown-link-disabled-color);
pointer-events:none;
background-color:transparent}
.dropdown-menu.show {
display:block}
.dropdown-header {
display:block;
padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom:0;
font-size:.875rem;
color:var(--bs-dropdown-header-color);
white-space:nowrap}
.dropdown-item-text {
display:block;
padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color:var(--bs-dropdown-link-color)}
.dropdown-menu-dark {
--bs-dropdown-color:#dee2e6;
--bs-dropdown-bg:#343a40;
--bs-dropdown-border-color:var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color:#dee2e6;
--bs-dropdown-link-hover-color:#fff;
--bs-dropdown-divider-bg:var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color:#fff;
--bs-dropdown-link-active-bg:#0d6efd;
--bs-dropdown-link-disabled-color:#adb5bd;
--bs-dropdown-header-color:#adb5bd}
.btn-group,.btn-group-vertical {
position:relative;
display:inline-flex;
vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn {
position:relative;
flex:1 1 auto}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index:1}
.btn-toolbar {
display:flex;
flex-wrap:wrap;
justify-content:flex-start}
.btn-toolbar .input-group {
width:auto}
.btn-group {
border-radius:var(--bs-border-radius)}
.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
margin-left:calc(var(--bs-border-width) * -1)}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius:0;
border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
border-top-left-radius:0;
border-bottom-left-radius:0}
.dropdown-toggle-split {
padding-right:.5625rem;
padding-left:.5625rem}
.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
margin-left:0}
.dropstart .dropdown-toggle-split::before {
margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
padding-right:.375rem;
padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
padding-right:.75rem;
padding-left:.75rem}
.btn-group-vertical {
flex-direction:column;
align-items:flex-start;
justify-content:center}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
width:100%}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
margin-top:calc(var(--bs-border-width) * -1)}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius:0;
border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
border-top-left-radius:0;
border-top-right-radius:0}
.nav {
--bs-nav-link-padding-x:1rem;
--bs-nav-link-padding-y:0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color:var(--bs-link-color);
--bs-nav-link-hover-color:var(--bs-link-hover-color);
--bs-nav-link-disabled-color:var(--bs-secondary-color);
display:flex;
flex-wrap:wrap;
padding-left:0;
margin-bottom:0;
list-style:none}
.nav-link {
display:block;
padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size:var(--bs-nav-link-font-size);
font-weight:var(--bs-nav-link-font-weight);
color:var(--bs-nav-link-color);
text-decoration:none;
background:0 0;
border:0;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.nav-link {
transition:none}
}
.nav-link:focus,.nav-link:hover {
color:var(--bs-nav-link-hover-color)}
.nav-link:focus-visible {
outline:0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.nav-link.disabled,.nav-link:disabled {
color:var(--bs-nav-link-disabled-color);
pointer-events:none;
cursor:default}
.nav-tabs {
--bs-nav-tabs-border-width:var(--bs-border-width);
--bs-nav-tabs-border-color:var(--bs-border-color);
--bs-nav-tabs-border-radius:var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg:var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}
.nav-tabs .nav-link {
margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));
border:var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius:var(--bs-nav-tabs-border-radius);
border-top-right-radius:var(--bs-nav-tabs-border-radius)}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
isolation:isolate;
border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
color:var(--bs-nav-tabs-link-active-color);
background-color:var(--bs-nav-tabs-link-active-bg);
border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu {
margin-top:calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius:0;
border-top-right-radius:0}
.nav-pills {
--bs-nav-pills-border-radius:var(--bs-border-radius);
--bs-nav-pills-link-active-color:#fff;
--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills .nav-link {
border-radius:var(--bs-nav-pills-border-radius)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
color:var(--bs-nav-pills-link-active-color);
background-color:var(--bs-nav-pills-link-active-bg)}
.nav-underline {
--bs-nav-underline-gap:1rem;
--bs-nav-underline-border-width:0.125rem;
--bs-nav-underline-link-active-color:var(--bs-emphasis-color);
gap:var(--bs-nav-underline-gap)}
.nav-underline .nav-link {
padding-right:0;
padding-left:0;
border-bottom:var(--bs-nav-underline-border-width) solid transparent}
.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
border-bottom-color:currentcolor}
.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
font-weight:700;
color:var(--bs-nav-underline-link-active-color);
border-bottom-color:currentcolor}
.nav-fill .nav-item,.nav-fill>.nav-link {
flex:1 1 auto;
text-align:center}
.nav-justified .nav-item,.nav-justified>.nav-link {
flex-basis:0;
flex-grow:1;
text-align:center}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
width:100%}
.tab-content>.tab-pane {
display:none}
.tab-content>.active {
display:block}
.navbar {
--bs-navbar-padding-x:0;
--bs-navbar-padding-y:0.5rem;
--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y:0.3125rem;
--bs-navbar-brand-margin-end:1rem;
--bs-navbar-brand-font-size:1.25rem;
--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x:0.5rem;
--bs-navbar-toggler-padding-y:0.25rem;
--bs-navbar-toggler-padding-x:0.75rem;
--bs-navbar-toggler-font-size:1.25rem;
--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius:var(--bs-border-radius);
--bs-navbar-toggler-focus-width:0.25rem;
--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
display:flex;
flex-wrap:inherit;
align-items:center;
justify-content:space-between}
.navbar-brand {
padding-top:var(--bs-navbar-brand-padding-y);
padding-bottom:var(--bs-navbar-brand-padding-y);
margin-right:var(--bs-navbar-brand-margin-end);
font-size:var(--bs-navbar-brand-font-size);
color:var(--bs-navbar-brand-color);
text-decoration:none;
white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover {
color:var(--bs-navbar-brand-hover-color)}
.navbar-nav {
--bs-nav-link-padding-x:0;
--bs-nav-link-padding-y:0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color:var(--bs-navbar-color);
--bs-nav-link-hover-color:var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
display:flex;
flex-direction:column;
padding-left:0;
margin-bottom:0;
list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu {
position:static}
.navbar-text {
padding-top:.5rem;
padding-bottom:.5rem;
color:var(--bs-navbar-color)}
.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
color:var(--bs-navbar-active-color)}
.navbar-collapse {
flex-basis:100%;
flex-grow:1;
align-items:center}
.navbar-toggler {
padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size:var(--bs-navbar-toggler-font-size);
line-height:1;
color:var(--bs-navbar-color);
background-color:transparent;
border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius:var(--bs-navbar-toggler-border-radius);
transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce) {
.navbar-toggler {
transition:none}
}
.navbar-toggler:hover {
text-decoration:none}
.navbar-toggler:focus {
text-decoration:none;
outline:0;
box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon {
display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
background-image:var(--bs-navbar-toggler-icon-bg);
background-repeat:no-repeat;
background-position:center;
background-size:100%}
.navbar-nav-scroll {
max-height:var(--bs-scroll-height,75vh);
overflow-y:auto}
@media (min-width:576px) {
.navbar-expand-sm {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-sm .navbar-nav {
flex-direction:row}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-sm .navbar-nav-scroll {
overflow:visible}
.navbar-expand-sm .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand-sm .navbar-toggler {
display:none}
.navbar-expand-sm .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand-sm .offcanvas .offcanvas-header {
display:none}
.navbar-expand-sm .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media (min-width:768px) {
.navbar-expand-md {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-md .navbar-nav {
flex-direction:row}
.navbar-expand-md .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand-md .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-md .navbar-nav-scroll {
overflow:visible}
.navbar-expand-md .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand-md .navbar-toggler {
display:none}
.navbar-expand-md .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand-md .offcanvas .offcanvas-header {
display:none}
.navbar-expand-md .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media (min-width:992px) {
.navbar-expand-lg {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-lg .navbar-nav {
flex-direction:row}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-lg .navbar-nav-scroll {
overflow:visible}
.navbar-expand-lg .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand-lg .navbar-toggler {
display:none}
.navbar-expand-lg .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand-lg .offcanvas .offcanvas-header {
display:none}
.navbar-expand-lg .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media (min-width:1200px) {
.navbar-expand-xl {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-xl .navbar-nav {
flex-direction:row}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-xl .navbar-nav-scroll {
overflow:visible}
.navbar-expand-xl .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand-xl .navbar-toggler {
display:none}
.navbar-expand-xl .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand-xl .offcanvas .offcanvas-header {
display:none}
.navbar-expand-xl .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
@media (min-width:1400px) {
.navbar-expand-xxl {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand-xxl .navbar-nav {
flex-direction:row}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-xxl .navbar-nav-scroll {
overflow:visible}
.navbar-expand-xxl .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand-xxl .navbar-toggler {
display:none}
.navbar-expand-xxl .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display:none}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
}
.navbar-expand {
flex-wrap:nowrap;
justify-content:flex-start}
.navbar-expand .navbar-nav {
flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu {
position:absolute}
.navbar-expand .navbar-nav .nav-link {
padding-right:var(--bs-navbar-nav-link-padding-x);
padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand .navbar-nav-scroll {
overflow:visible}
.navbar-expand .navbar-collapse {
display:flex!important;
flex-basis:auto}
.navbar-expand .navbar-toggler {
display:none}
.navbar-expand .offcanvas {
position:static;
z-index:auto;
flex-grow:1;
width:auto!important;
height:auto!important;
visibility:visible!important;
background-color:transparent!important;
border:0!important;
transform:none!important;
transition:none}
.navbar-expand .offcanvas .offcanvas-header {
display:none}
.navbar-expand .offcanvas .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible}
.navbar-dark,.navbar[data-bs-theme=dark] {
--bs-navbar-color:rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
--bs-navbar-active-color:#fff;
--bs-navbar-brand-color:#fff;
--bs-navbar-brand-hover-color:#fff;
--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
[data-bs-theme=dark] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card {
--bs-card-spacer-y:1rem;
--bs-card-spacer-x:1rem;
--bs-card-title-spacer-y:0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width:var(--bs-border-width);
--bs-card-border-color:var(--bs-border-color-translucent);
--bs-card-border-radius:var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y:0.5rem;
--bs-card-cap-padding-x:1rem;
--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg:var(--bs-body-bg);
--bs-card-img-overlay-padding:1rem;
--bs-card-group-margin:0.75rem;
position:relative;
display:flex;
flex-direction:column;
min-width:0;
height:var(--bs-card-height);
color:var(--bs-body-color);
word-wrap:break-word;
background-color:var(--bs-card-bg);
background-clip:border-box;
border:var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius:var(--bs-card-border-radius)}
.card>hr {
margin-right:0;
margin-left:0}
.card>.list-group {
border-top:inherit;
border-bottom:inherit}
.card>.list-group:first-child {
border-top-width:0;
border-top-left-radius:var(--bs-card-inner-border-radius);
border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child {
border-bottom-width:0;
border-bottom-right-radius:var(--bs-card-inner-border-radius);
border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
border-top:0}
.card-body {
flex:1 1 auto;
padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color:var(--bs-card-color)}
.card-title {
margin-bottom:var(--bs-card-title-spacer-y);
color:var(--bs-card-title-color)}
.card-subtitle {
margin-top:calc(-.5 * var(--bs-card-title-spacer-y));
margin-bottom:0;
color:var(--bs-card-subtitle-color)}
.card-text:last-child {
margin-bottom:0}
.card-link+.card-link {
margin-left:var(--bs-card-spacer-x)}
.card-header {
padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom:0;
color:var(--bs-card-cap-color);
background-color:var(--bs-card-cap-bg);
border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-header:first-child {
border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}
.card-footer {
padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color:var(--bs-card-cap-color);
background-color:var(--bs-card-cap-bg);
border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}
.card-footer:last-child {
border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}
.card-header-tabs {
margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));
margin-left:calc(-.5 * var(--bs-card-cap-padding-x));
border-bottom:0}
.card-header-tabs .nav-link.active {
background-color:var(--bs-card-bg);
border-bottom-color:var(--bs-card-bg)}
.card-header-pills {
margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}
.card-img-overlay {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
padding:var(--bs-card-img-overlay-padding);
border-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom,.card-img-top {
width:100%}
.card-img,.card-img-top {
border-top-left-radius:var(--bs-card-inner-border-radius);
border-top-right-radius:var(--bs-card-inner-border-radius)}
.card-img,.card-img-bottom {
border-bottom-right-radius:var(--bs-card-inner-border-radius);
border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card-group>.card {
margin-bottom:var(--bs-card-group-margin)}
@media (min-width:576px) {
.card-group {
display:flex;
flex-flow:row wrap}
.card-group>.card {
flex:1 0 0%;
margin-bottom:0}
.card-group>.card+.card {
margin-left:0;
border-left:0}
.card-group>.card:not(:last-child) {
border-top-right-radius:0;
border-bottom-right-radius:0}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius:0}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius:0}
.card-group>.card:not(:first-child) {
border-top-left-radius:0;
border-bottom-left-radius:0}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius:0}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius:0}
}
.accordion {
--bs-accordion-color:var(--bs-body-color);
--bs-accordion-bg:var(--bs-body-bg);
--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
--bs-accordion-border-color:var(--bs-border-color);
--bs-accordion-border-width:var(--bs-border-width);
--bs-accordion-border-radius:var(--bs-border-radius);
--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x:1.25rem;
--bs-accordion-btn-padding-y:1rem;
--bs-accordion-btn-color:var(--bs-body-color);
--bs-accordion-btn-bg:var(--bs-accordion-bg);
--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width:1.25rem;
--bs-accordion-btn-icon-transform:rotate(-180deg);
--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x:1.25rem;
--bs-accordion-body-padding-y:1rem;
--bs-accordion-active-color:var(--bs-primary-text-emphasis);
--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}
.accordion-button {
position:relative;
display:flex;
align-items:center;
width:100%;
padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size:1rem;
color:var(--bs-accordion-btn-color);
text-align:left;
background-color:var(--bs-accordion-btn-bg);
border:0;
border-radius:0;
overflow-anchor:none;
transition:var(--bs-accordion-transition)}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition:none}
}
.accordion-button:not(.collapsed) {
color:var(--bs-accordion-active-color);
background-color:var(--bs-accordion-active-bg);
box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after {
background-image:var(--bs-accordion-btn-active-icon);
transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after {
flex-shrink:0;
width:var(--bs-accordion-btn-icon-width);
height:var(--bs-accordion-btn-icon-width);
margin-left:auto;
content:"";
background-image:var(--bs-accordion-btn-icon);
background-repeat:no-repeat;
background-size:var(--bs-accordion-btn-icon-width);
transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce) {
.accordion-button::after {
transition:none}
}
.accordion-button:hover {
z-index:2}
.accordion-button:focus {
z-index:3;
outline:0;
box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header {
margin-bottom:0}
.accordion-item {
color:var(--bs-accordion-color);
background-color:var(--bs-accordion-bg);
border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type {
border-top-left-radius:var(--bs-accordion-border-radius);
border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type>.accordion-header .accordion-button {
border-top-left-radius:var(--bs-accordion-inner-border-radius);
border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type) {
border-top:0}
.accordion-item:last-of-type {
border-bottom-right-radius:var(--bs-accordion-border-radius);
border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
border-bottom-right-radius:var(--bs-accordion-inner-border-radius);
border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type>.accordion-collapse {
border-bottom-right-radius:var(--bs-accordion-border-radius);
border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body {
padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.accordion-flush>.accordion-item {
border-right:0;
border-left:0;
border-radius:0}
.accordion-flush>.accordion-item:first-child {
border-top:0}
.accordion-flush>.accordion-item:last-child {
border-bottom:0}
.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
border-radius:0}
.accordion-flush>.accordion-item>.accordion-collapse {
border-radius:0}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.breadcrumb {
--bs-breadcrumb-padding-x:0;
--bs-breadcrumb-padding-y:0;
--bs-breadcrumb-margin-bottom:1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color:var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x:0.5rem;
--bs-breadcrumb-item-active-color:var(--bs-secondary-color);
display:flex;
flex-wrap:wrap;
padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom:var(--bs-breadcrumb-margin-bottom);
font-size:var(--bs-breadcrumb-font-size);
list-style:none;
background-color:var(--bs-breadcrumb-bg);
border-radius:var(--bs-breadcrumb-border-radius)}
.breadcrumb-item+.breadcrumb-item {
padding-left:var(--bs-breadcrumb-item-padding-x)}
.breadcrumb-item+.breadcrumb-item::before {
float:left;
padding-right:var(--bs-breadcrumb-item-padding-x);
color:var(--bs-breadcrumb-divider-color);
content:var(--bs-breadcrumb-divider, "/")}
.breadcrumb-item.active {
color:var(--bs-breadcrumb-item-active-color)}
.pagination {
--bs-pagination-padding-x:0.75rem;
--bs-pagination-padding-y:0.375rem;
--bs-pagination-font-size:1rem;
--bs-pagination-color:var(--bs-link-color);
--bs-pagination-bg:var(--bs-body-bg);
--bs-pagination-border-width:var(--bs-border-width);
--bs-pagination-border-color:var(--bs-border-color);
--bs-pagination-border-radius:var(--bs-border-radius);
--bs-pagination-hover-color:var(--bs-link-hover-color);
--bs-pagination-hover-bg:var(--bs-tertiary-bg);
--bs-pagination-hover-border-color:var(--bs-border-color);
--bs-pagination-focus-color:var(--bs-link-hover-color);
--bs-pagination-focus-bg:var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color:#fff;
--bs-pagination-active-bg:#0d6efd;
--bs-pagination-active-border-color:#0d6efd;
--bs-pagination-disabled-color:var(--bs-secondary-color);
--bs-pagination-disabled-bg:var(--bs-secondary-bg);
--bs-pagination-disabled-border-color:var(--bs-border-color);
display:flex;
padding-left:0;
list-style:none}
.page-link {
position:relative;
display:block;
padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size:var(--bs-pagination-font-size);
color:var(--bs-pagination-color);
text-decoration:none;
background-color:var(--bs-pagination-bg);
border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.page-link {
transition:none}
}
.page-link:hover {
z-index:2;
color:var(--bs-pagination-hover-color);
background-color:var(--bs-pagination-hover-bg);
border-color:var(--bs-pagination-hover-border-color)}
.page-link:focus {
z-index:3;
color:var(--bs-pagination-focus-color);
background-color:var(--bs-pagination-focus-bg);
outline:0;
box-shadow:var(--bs-pagination-focus-box-shadow)}
.active>.page-link,.page-link.active {
z-index:3;
color:var(--bs-pagination-active-color);
background-color:var(--bs-pagination-active-bg);
border-color:var(--bs-pagination-active-border-color)}
.disabled>.page-link,.page-link.disabled {
color:var(--bs-pagination-disabled-color);
pointer-events:none;
background-color:var(--bs-pagination-disabled-bg);
border-color:var(--bs-pagination-disabled-border-color)}
.page-item:not(:first-child) .page-link {
margin-left:calc(var(--bs-border-width) * -1)}
.page-item:first-child .page-link {
border-top-left-radius:var(--bs-pagination-border-radius);
border-bottom-left-radius:var(--bs-pagination-border-radius)}
.page-item:last-child .page-link {
border-top-right-radius:var(--bs-pagination-border-radius);
border-bottom-right-radius:var(--bs-pagination-border-radius)}
.pagination-lg {
--bs-pagination-padding-x:1.5rem;
--bs-pagination-padding-y:0.75rem;
--bs-pagination-font-size:1.25rem;
--bs-pagination-border-radius:var(--bs-border-radius-lg)}
.pagination-sm {
--bs-pagination-padding-x:0.5rem;
--bs-pagination-padding-y:0.25rem;
--bs-pagination-font-size:0.875rem;
--bs-pagination-border-radius:var(--bs-border-radius-sm)}
.badge {
--bs-badge-padding-x:0.65em;
--bs-badge-padding-y:0.35em;
--bs-badge-font-size:0.75em;
--bs-badge-font-weight:700;
--bs-badge-color:#fff;
--bs-badge-border-radius:var(--bs-border-radius);
display:inline-block;
padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size:var(--bs-badge-font-size);
font-weight:var(--bs-badge-font-weight);
line-height:1;
color:var(--bs-badge-color);
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:var(--bs-badge-border-radius)}
.badge:empty {
display:none}
.btn .badge {
position:relative;
top:-1px}
.alert {
--bs-alert-bg:transparent;
--bs-alert-padding-x:1rem;
--bs-alert-padding-y:1rem;
--bs-alert-margin-bottom:1rem;
--bs-alert-color:inherit;
--bs-alert-border-color:transparent;
--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius:var(--bs-border-radius);
--bs-alert-link-color:inherit;
position:relative;
padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom:var(--bs-alert-margin-bottom);
color:var(--bs-alert-color);
background-color:var(--bs-alert-bg);
border:var(--bs-alert-border);
border-radius:var(--bs-alert-border-radius)}
.alert-heading {
color:inherit}
.alert-link {
font-weight:700;
color:var(--bs-alert-link-color)}
.alert-dismissible {
padding-right:3rem}
.alert-dismissible .btn-close {
position:absolute;
top:0;
right:0;
z-index:2;
padding:1.25rem 1rem}
.alert-primary {
--bs-alert-color:var(--bs-primary-text-emphasis);
--bs-alert-bg:var(--bs-primary-bg-subtle);
--bs-alert-border-color:var(--bs-primary-border-subtle);
--bs-alert-link-color:var(--bs-primary-text-emphasis)}
.alert-secondary {
--bs-alert-color:var(--bs-secondary-text-emphasis);
--bs-alert-bg:var(--bs-secondary-bg-subtle);
--bs-alert-border-color:var(--bs-secondary-border-subtle);
--bs-alert-link-color:var(--bs-secondary-text-emphasis)}
.alert-success {
--bs-alert-color:var(--bs-success-text-emphasis);
--bs-alert-bg:var(--bs-success-bg-subtle);
--bs-alert-border-color:var(--bs-success-border-subtle);
--bs-alert-link-color:var(--bs-success-text-emphasis)}
.alert-info {
--bs-alert-color:var(--bs-info-text-emphasis);
--bs-alert-bg:var(--bs-info-bg-subtle);
--bs-alert-border-color:var(--bs-info-border-subtle);
--bs-alert-link-color:var(--bs-info-text-emphasis)}
.alert-warning {
--bs-alert-color:var(--bs-warning-text-emphasis);
--bs-alert-bg:var(--bs-warning-bg-subtle);
--bs-alert-border-color:var(--bs-warning-border-subtle);
--bs-alert-link-color:var(--bs-warning-text-emphasis)}
.alert-danger {
--bs-alert-color:var(--bs-danger-text-emphasis);
--bs-alert-bg:var(--bs-danger-bg-subtle);
--bs-alert-border-color:var(--bs-danger-border-subtle);
--bs-alert-link-color:var(--bs-danger-text-emphasis)}
.alert-light {
--bs-alert-color:var(--bs-light-text-emphasis);
--bs-alert-bg:var(--bs-light-bg-subtle);
--bs-alert-border-color:var(--bs-light-border-subtle);
--bs-alert-link-color:var(--bs-light-text-emphasis)}
.alert-dark {
--bs-alert-color:var(--bs-dark-text-emphasis);
--bs-alert-bg:var(--bs-dark-bg-subtle);
--bs-alert-border-color:var(--bs-dark-border-subtle);
--bs-alert-link-color:var(--bs-dark-text-emphasis)}
@keyframes progress-bar-stripes {
0% {
background-position-x:1rem}
}
.progress,.progress-stacked {
--bs-progress-height:1rem;
--bs-progress-font-size:0.75rem;
--bs-progress-bg:var(--bs-secondary-bg);
--bs-progress-border-radius:var(--bs-border-radius);
--bs-progress-box-shadow:var(--bs-box-shadow-inset);
--bs-progress-bar-color:#fff;
--bs-progress-bar-bg:#0d6efd;
--bs-progress-bar-transition:width 0.6s ease;
display:flex;
height:var(--bs-progress-height);
overflow:hidden;
font-size:var(--bs-progress-font-size);
background-color:var(--bs-progress-bg);
border-radius:var(--bs-progress-border-radius)}
.progress-bar {
display:flex;
flex-direction:column;
justify-content:center;
overflow:hidden;
color:var(--bs-progress-bar-color);
text-align:center;
white-space:nowrap;
background-color:var(--bs-progress-bar-bg);
transition:var(--bs-progress-bar-transition)}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition:none}
}
.progress-bar-striped {
background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size:var(--bs-progress-height) var(--bs-progress-height)}
.progress-stacked>.progress {
overflow:visible}
.progress-stacked>.progress>.progress-bar {
width:100%}
.progress-bar-animated {
animation:1s linear infinite progress-bar-stripes}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
animation:none}
}
.list-group {
--bs-list-group-color:var(--bs-body-color);
--bs-list-group-bg:var(--bs-body-bg);
--bs-list-group-border-color:var(--bs-border-color);
--bs-list-group-border-width:var(--bs-border-width);
--bs-list-group-border-radius:var(--bs-border-radius);
--bs-list-group-item-padding-x:1rem;
--bs-list-group-item-padding-y:0.5rem;
--bs-list-group-action-color:var(--bs-secondary-color);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
--bs-list-group-action-active-color:var(--bs-body-color);
--bs-list-group-action-active-bg:var(--bs-secondary-bg);
--bs-list-group-disabled-color:var(--bs-secondary-color);
--bs-list-group-disabled-bg:var(--bs-body-bg);
--bs-list-group-active-color:#fff;
--bs-list-group-active-bg:#0d6efd;
--bs-list-group-active-border-color:#0d6efd;
display:flex;
flex-direction:column;
padding-left:0;
margin-bottom:0;
border-radius:var(--bs-list-group-border-radius)}
.list-group-numbered {
list-style-type:none;
counter-reset:section}
.list-group-numbered>.list-group-item::before {
content:counters(section, ".") ". ";
counter-increment:section}
.list-group-item-action {
width:100%;
color:var(--bs-list-group-action-color);
text-align:inherit}
.list-group-item-action:focus,.list-group-item-action:hover {
z-index:1;
color:var(--bs-list-group-action-hover-color);
text-decoration:none;
background-color:var(--bs-list-group-action-hover-bg)}
.list-group-item-action:active {
color:var(--bs-list-group-action-active-color);
background-color:var(--bs-list-group-action-active-bg)}
.list-group-item {
position:relative;
display:block;
padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color:var(--bs-list-group-color);
text-decoration:none;
background-color:var(--bs-list-group-bg);
border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}
.list-group-item:first-child {
border-top-left-radius:inherit;
border-top-right-radius:inherit}
.list-group-item:last-child {
border-bottom-right-radius:inherit;
border-bottom-left-radius:inherit}
.list-group-item.disabled,.list-group-item:disabled {
color:var(--bs-list-group-disabled-color);
pointer-events:none;
background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active {
z-index:2;
color:var(--bs-list-group-active-color);
background-color:var(--bs-list-group-active-bg);
border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item {
border-top-width:0}
.list-group-item+.list-group-item.active {
margin-top:calc(-1 * var(--bs-list-group-border-width));
border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal {
flex-direction:row}
.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal>.list-group-item.active {
margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
@media (min-width:576px) {
.list-group-horizontal-sm {
flex-direction:row}
.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-sm>.list-group-item.active {
margin-top:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width:768px) {
.list-group-horizontal-md {
flex-direction:row}
.list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-md>.list-group-item.active {
margin-top:0}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
flex-direction:row}
.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-lg>.list-group-item.active {
margin-top:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
flex-direction:row}
.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-xl>.list-group-item.active {
margin-top:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
@media (min-width:1400px) {
.list-group-horizontal-xxl {
flex-direction:row}
.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
border-bottom-left-radius:var(--bs-list-group-border-radius);
border-top-right-radius:0}
.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
border-top-right-radius:var(--bs-list-group-border-radius);
border-bottom-left-radius:0}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width:var(--bs-list-group-border-width);
border-left-width:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left:calc(-1 * var(--bs-list-group-border-width));
border-left-width:var(--bs-list-group-border-width)}
}
.list-group-flush {
border-radius:0}
.list-group-flush>.list-group-item {
border-width:0 0 var(--bs-list-group-border-width)}
.list-group-flush>.list-group-item:last-child {
border-bottom-width:0}
.list-group-item-primary {
--bs-list-group-color:var(--bs-primary-text-emphasis);
--bs-list-group-bg:var(--bs-primary-bg-subtle);
--bs-list-group-border-color:var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
--bs-list-group-active-color:var(--bs-primary-bg-subtle);
--bs-list-group-active-bg:var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}
.list-group-item-secondary {
--bs-list-group-color:var(--bs-secondary-text-emphasis);
--bs-list-group-bg:var(--bs-secondary-bg-subtle);
--bs-list-group-border-color:var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
--bs-list-group-active-color:var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}
.list-group-item-success {
--bs-list-group-color:var(--bs-success-text-emphasis);
--bs-list-group-bg:var(--bs-success-bg-subtle);
--bs-list-group-border-color:var(--bs-success-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-success-border-subtle);
--bs-list-group-active-color:var(--bs-success-bg-subtle);
--bs-list-group-active-bg:var(--bs-success-text-emphasis);
--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}
.list-group-item-info {
--bs-list-group-color:var(--bs-info-text-emphasis);
--bs-list-group-bg:var(--bs-info-bg-subtle);
--bs-list-group-border-color:var(--bs-info-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-info-border-subtle);
--bs-list-group-active-color:var(--bs-info-bg-subtle);
--bs-list-group-active-bg:var(--bs-info-text-emphasis);
--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}
.list-group-item-warning {
--bs-list-group-color:var(--bs-warning-text-emphasis);
--bs-list-group-bg:var(--bs-warning-bg-subtle);
--bs-list-group-border-color:var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
--bs-list-group-active-color:var(--bs-warning-bg-subtle);
--bs-list-group-active-bg:var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}
.list-group-item-danger {
--bs-list-group-color:var(--bs-danger-text-emphasis);
--bs-list-group-bg:var(--bs-danger-bg-subtle);
--bs-list-group-border-color:var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
--bs-list-group-active-color:var(--bs-danger-bg-subtle);
--bs-list-group-active-bg:var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}
.list-group-item-light {
--bs-list-group-color:var(--bs-light-text-emphasis);
--bs-list-group-bg:var(--bs-light-bg-subtle);
--bs-list-group-border-color:var(--bs-light-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-light-border-subtle);
--bs-list-group-active-color:var(--bs-light-bg-subtle);
--bs-list-group-active-bg:var(--bs-light-text-emphasis);
--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}
.list-group-item-dark {
--bs-list-group-color:var(--bs-dark-text-emphasis);
--bs-list-group-bg:var(--bs-dark-bg-subtle);
--bs-list-group-border-color:var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color:var(--bs-emphasis-color);
--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
--bs-list-group-action-active-color:var(--bs-emphasis-color);
--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
--bs-list-group-active-color:var(--bs-dark-bg-subtle);
--bs-list-group-active-bg:var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}
.btn-close {
--bs-btn-close-color:#000;
--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity:0.5;
--bs-btn-close-hover-opacity:0.75;
--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity:1;
--bs-btn-close-disabled-opacity:0.25;
--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);
box-sizing:content-box;
width:1em;
height:1em;
padding:.25em .25em;
color:var(--bs-btn-close-color);
background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border:0;
border-radius:.375rem;
opacity:var(--bs-btn-close-opacity)}
.btn-close:hover {
color:var(--bs-btn-close-color);
text-decoration:none;
opacity:var(--bs-btn-close-hover-opacity)}
.btn-close:focus {
outline:0;
box-shadow:var(--bs-btn-close-focus-shadow);
opacity:var(--bs-btn-close-focus-opacity)}
.btn-close.disabled,.btn-close:disabled {
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
opacity:var(--bs-btn-close-disabled-opacity)}
.btn-close-white {
filter:var(--bs-btn-close-white-filter)}
[data-bs-theme=dark] .btn-close {
filter:var(--bs-btn-close-white-filter)}
.toast {
--bs-toast-zindex:1090;
--bs-toast-padding-x:0.75rem;
--bs-toast-padding-y:0.5rem;
--bs-toast-spacing:1.5rem;
--bs-toast-max-width:350px;
--bs-toast-font-size:0.875rem;
--bs-toast-color: ;
--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width:var(--bs-border-width);
--bs-toast-border-color:var(--bs-border-color-translucent);
--bs-toast-border-radius:var(--bs-border-radius);
--bs-toast-box-shadow:var(--bs-box-shadow);
--bs-toast-header-color:var(--bs-secondary-color);
--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color:var(--bs-border-color-translucent);
width:var(--bs-toast-max-width);
max-width:100%;
font-size:var(--bs-toast-font-size);
color:var(--bs-toast-color);
pointer-events:auto;
background-color:var(--bs-toast-bg);
background-clip:padding-box;
border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow:var(--bs-toast-box-shadow);
border-radius:var(--bs-toast-border-radius)}
.toast.showing {
opacity:0}
.toast:not(.show) {
display:none}
.toast-container {
--bs-toast-zindex:1090;
position:absolute;
z-index:var(--bs-toast-zindex);
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
max-width:100%;
pointer-events:none}
.toast-container>:not(:last-child) {
margin-bottom:var(--bs-toast-spacing)}
.toast-header {
display:flex;
align-items:center;
padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color:var(--bs-toast-header-color);
background-color:var(--bs-toast-header-bg);
background-clip:padding-box;
border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}
.toast-header .btn-close {
margin-right:calc(-.5 * var(--bs-toast-padding-x));
margin-left:var(--bs-toast-padding-x)}
.toast-body {
padding:var(--bs-toast-padding-x);
word-wrap:break-word}
.modal {
--bs-modal-zindex:1055;
--bs-modal-width:500px;
--bs-modal-padding:1rem;
--bs-modal-margin:0.5rem;
--bs-modal-color: ;
--bs-modal-bg:var(--bs-body-bg);
--bs-modal-border-color:var(--bs-border-color-translucent);
--bs-modal-border-width:var(--bs-border-width);
--bs-modal-border-radius:var(--bs-border-radius-lg);
--bs-modal-box-shadow:var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x:1rem;
--bs-modal-header-padding-y:1rem;
--bs-modal-header-padding:1rem 1rem;
--bs-modal-header-border-color:var(--bs-border-color);
--bs-modal-header-border-width:var(--bs-border-width);
--bs-modal-title-line-height:1.5;
--bs-modal-footer-gap:0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color:var(--bs-border-color);
--bs-modal-footer-border-width:var(--bs-border-width);
position:fixed;
top:0;
left:0;
z-index:var(--bs-modal-zindex);
display:none;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
outline:0}
.modal-dialog {
position:relative;
width:auto;
margin:var(--bs-modal-margin);
pointer-events:none}
.modal.fade .modal-dialog {
transition:transform .3s ease-out;
transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition:none}
}
.modal.show .modal-dialog {
transform:none}
.modal.modal-static .modal-dialog {
transform:scale(1.02)}
.modal-dialog-scrollable {
height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-dialog-scrollable .modal-content {
max-height:100%;
overflow:hidden}
.modal-dialog-scrollable .modal-body {
overflow-y:auto}
.modal-dialog-centered {
display:flex;
align-items:center;
min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content {
position:relative;
display:flex;
flex-direction:column;
width:100%;
color:var(--bs-modal-color);
pointer-events:auto;
background-color:var(--bs-modal-bg);
background-clip:padding-box;
border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius:var(--bs-modal-border-radius);
outline:0}
.modal-backdrop {
--bs-backdrop-zindex:1050;
--bs-backdrop-bg:#000;
--bs-backdrop-opacity:0.5;
position:fixed;
top:0;
left:0;
z-index:var(--bs-backdrop-zindex);
width:100vw;
height:100vh;
background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade {
opacity:0}
.modal-backdrop.show {
opacity:var(--bs-backdrop-opacity)}
.modal-header {
display:flex;
flex-shrink:0;
align-items:center;
padding:var(--bs-modal-header-padding);
border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius:var(--bs-modal-inner-border-radius);
border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close {
padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}
.modal-title {
margin-bottom:0;
line-height:var(--bs-modal-title-line-height)}
.modal-body {
position:relative;
flex:1 1 auto;
padding:var(--bs-modal-padding)}
.modal-footer {
display:flex;
flex-shrink:0;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color:var(--bs-modal-footer-bg);
border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius:var(--bs-modal-inner-border-radius);
border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>* {
margin:calc(var(--bs-modal-footer-gap) * .5)}
@media (min-width:576px) {
.modal {
--bs-modal-margin:1.75rem;
--bs-modal-box-shadow:var(--bs-box-shadow)}
.modal-dialog {
max-width:var(--bs-modal-width);
margin-right:auto;
margin-left:auto}
.modal-sm {
--bs-modal-width:300px}
}
@media (min-width:992px) {
.modal-lg,.modal-xl {
--bs-modal-width:800px}
}
@media (min-width:1200px) {
.modal-xl {
--bs-modal-width:1140px}
}
.modal-fullscreen {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
border-radius:0}
.modal-fullscreen .modal-body {
overflow-y:auto}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-sm-down .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
border-radius:0}
.modal-fullscreen-sm-down .modal-body {
overflow-y:auto}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-md-down .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
border-radius:0}
.modal-fullscreen-md-down .modal-body {
overflow-y:auto}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-lg-down .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
border-radius:0}
.modal-fullscreen-lg-down .modal-body {
overflow-y:auto}
}
@media (max-width:1199.98px) {
.modal-fullscreen-xl-down {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-xl-down .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
border-radius:0}
.modal-fullscreen-xl-down .modal-body {
overflow-y:auto}
}
@media (max-width:1399.98px) {
.modal-fullscreen-xxl-down {
width:100vw;
max-width:none;
height:100%;
margin:0}
.modal-fullscreen-xxl-down .modal-content {
height:100%;
border:0;
border-radius:0}
.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
border-radius:0}
.modal-fullscreen-xxl-down .modal-body {
overflow-y:auto}
}
.tooltip {
--bs-tooltip-zindex:1080;
--bs-tooltip-max-width:200px;
--bs-tooltip-padding-x:0.5rem;
--bs-tooltip-padding-y:0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size:0.875rem;
--bs-tooltip-color:var(--bs-body-bg);
--bs-tooltip-bg:var(--bs-emphasis-color);
--bs-tooltip-border-radius:var(--bs-border-radius);
--bs-tooltip-opacity:0.9;
--bs-tooltip-arrow-width:0.8rem;
--bs-tooltip-arrow-height:0.4rem;
z-index:var(--bs-tooltip-zindex);
display:block;
margin:var(--bs-tooltip-margin);
font-family:var(--bs-font-sans-serif);
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
white-space:normal;
word-spacing:normal;
line-break:auto;
font-size:var(--bs-tooltip-font-size);
word-wrap:break-word;
opacity:0}
.tooltip.show {
opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow {
display:block;
width:var(--bs-tooltip-arrow-width);
height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before {
position:absolute;
content:"";
border-color:transparent;
border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
bottom:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
top:-1px;
border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
left:calc(-1 * var(--bs-tooltip-arrow-height));
width:var(--bs-tooltip-arrow-height);
height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
right:-1px;
border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
top:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
bottom:-1px;
border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
right:calc(-1 * var(--bs-tooltip-arrow-height));
width:var(--bs-tooltip-arrow-height);
height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
left:-1px;
border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner {
max-width:var(--bs-tooltip-max-width);
padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color:var(--bs-tooltip-color);
text-align:center;
background-color:var(--bs-tooltip-bg);
border-radius:var(--bs-tooltip-border-radius)}
.popover {
--bs-popover-zindex:1070;
--bs-popover-max-width:276px;
--bs-popover-font-size:0.875rem;
--bs-popover-bg:var(--bs-body-bg);
--bs-popover-border-width:var(--bs-border-width);
--bs-popover-border-color:var(--bs-border-color-translucent);
--bs-popover-border-radius:var(--bs-border-radius-lg);
--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow:var(--bs-box-shadow);
--bs-popover-header-padding-x:1rem;
--bs-popover-header-padding-y:0.5rem;
--bs-popover-header-font-size:1rem;
--bs-popover-header-color:inherit;
--bs-popover-header-bg:var(--bs-secondary-bg);
--bs-popover-body-padding-x:1rem;
--bs-popover-body-padding-y:1rem;
--bs-popover-body-color:var(--bs-body-color);
--bs-popover-arrow-width:1rem;
--bs-popover-arrow-height:0.5rem;
--bs-popover-arrow-border:var(--bs-popover-border-color);
z-index:var(--bs-popover-zindex);
display:block;
max-width:var(--bs-popover-max-width);
font-family:var(--bs-font-sans-serif);
font-style:normal;
font-weight:400;
line-height:1.5;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
letter-spacing:normal;
word-break:normal;
white-space:normal;
word-spacing:normal;
line-break:auto;
font-size:var(--bs-popover-font-size);
word-wrap:break-word;
background-color:var(--bs-popover-bg);
background-clip:padding-box;
border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow {
display:block;
width:var(--bs-popover-arrow-width);
height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::after,.popover .popover-arrow::before {
position:absolute;
display:block;
content:"";
border-color:transparent;
border-style:solid;
border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before {
border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
bottom:0;
border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after {
bottom:var(--bs-popover-border-width);
border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width:var(--bs-popover-arrow-height);
height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before {
border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
left:0;
border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after {
left:var(--bs-popover-border-width);
border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before {
border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
top:0;
border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after {
top:var(--bs-popover-border-width);
border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
position:absolute;
top:0;
left:50%;
display:block;
width:var(--bs-popover-arrow-width);
margin-left:calc(-.5 * var(--bs-popover-arrow-width));
content:"";
border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width:var(--bs-popover-arrow-height);
height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before {
border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
right:0;
border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after {
right:var(--bs-popover-border-width);
border-left-color:var(--bs-popover-bg)}
.popover-header {
padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom:0;
font-size:var(--bs-popover-header-font-size);
color:var(--bs-popover-header-color);
background-color:var(--bs-popover-header-bg);
border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius:var(--bs-popover-inner-border-radius);
border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty {
display:none}
.popover-body {
padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color:var(--bs-popover-body-color)}
.carousel {
position:relative}
.carousel.pointer-event {
touch-action:pan-y}
.carousel-inner {
position:relative;
width:100%;
overflow:hidden}
.carousel-inner::after {
display:block;
clear:both;
content:""}
.carousel-item {
position:relative;
display:none;
float:left;
width:100%;
margin-right:-100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition:none}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
transform:translateX(-100%)}
.carousel-fade .carousel-item {
opacity:0;
transition-property:opacity;
transform:none}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
z-index:1;
opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
z-index:0;
opacity:0;
transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
transition:none}
}
.carousel-control-next,.carousel-control-prev {
position:absolute;
top:0;
bottom:0;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:15%;
padding:0;
color:#fff;
text-align:center;
background:0 0;
border:0;
opacity:.5;
transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,.carousel-control-prev {
transition:none}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color:#fff;
text-decoration:none;
outline:0;
opacity:.9}
.carousel-control-prev {
left:0}
.carousel-control-next {
right:0}
.carousel-control-next-icon,.carousel-control-prev-icon {
display:inline-block;
width:2rem;
height:2rem;
background-repeat:no-repeat;
background-position:50%;
background-size:100% 100%}
.carousel-control-prev-icon {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators {
position:absolute;
right:0;
bottom:0;
left:0;
z-index:2;
display:flex;
justify-content:center;
padding:0;
margin-right:15%;
margin-bottom:1rem;
margin-left:15%}
.carousel-indicators [data-bs-target] {
box-sizing:content-box;
flex:0 1 auto;
width:30px;
height:3px;
padding:0;
margin-right:3px;
margin-left:3px;
text-indent:-999px;
cursor:pointer;
background-color:#fff;
background-clip:padding-box;
border:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
opacity:.5;
transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators [data-bs-target] {
transition:none}
}
.carousel-indicators .active {
opacity:1}
.carousel-caption {
position:absolute;
right:15%;
bottom:1.25rem;
left:15%;
padding-top:1.25rem;
padding-bottom:1.25rem;
color:#fff;
text-align:center}
.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color:#000}
.carousel-dark .carousel-caption {
color:#000}
[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
filter:invert(1) grayscale(100)}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color:#000}
[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption {
color:#000}
.spinner-border,.spinner-grow {
display:inline-block;
width:var(--bs-spinner-width);
height:var(--bs-spinner-height);
vertical-align:var(--bs-spinner-vertical-align);
border-radius:50%;
animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
@keyframes spinner-border {
to {
transform:rotate(360deg)}
}
.spinner-border {
--bs-spinner-width:2rem;
--bs-spinner-height:2rem;
--bs-spinner-vertical-align:-0.125em;
--bs-spinner-border-width:0.25em;
--bs-spinner-animation-speed:0.75s;
--bs-spinner-animation-name:spinner-border;
border:var(--bs-spinner-border-width) solid currentcolor;
border-right-color:transparent}
.spinner-border-sm {
--bs-spinner-width:1rem;
--bs-spinner-height:1rem;
--bs-spinner-border-width:0.2em}
@keyframes spinner-grow {
0% {
transform:scale(0)}
50% {
opacity:1;
transform:none}
}
.spinner-grow {
--bs-spinner-width:2rem;
--bs-spinner-height:2rem;
--bs-spinner-vertical-align:-0.125em;
--bs-spinner-animation-speed:0.75s;
--bs-spinner-animation-name:spinner-grow;
background-color:currentcolor;
opacity:0}
.spinner-grow-sm {
--bs-spinner-width:1rem;
--bs-spinner-height:1rem}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
--bs-spinner-animation-speed:1.5s}
}
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
--bs-offcanvas-zindex:1045;
--bs-offcanvas-width:400px;
--bs-offcanvas-height:30vh;
--bs-offcanvas-padding-x:1rem;
--bs-offcanvas-padding-y:1rem;
--bs-offcanvas-color:var(--bs-body-color);
--bs-offcanvas-bg:var(--bs-body-bg);
--bs-offcanvas-border-width:var(--bs-border-width);
--bs-offcanvas-border-color:var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
--bs-offcanvas-transition:transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height:1.5}
@media (max-width:575.98px) {
.offcanvas-sm {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-sm {
transition:none}
}
@media (max-width:575.98px) {
.offcanvas-sm.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas-sm.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas-sm.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas-sm.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
transform:none}
.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
visibility:visible}
}
@media (min-width:576px) {
.offcanvas-sm {
--bs-offcanvas-height:auto;
--bs-offcanvas-border-width:0;
background-color:transparent!important}
.offcanvas-sm .offcanvas-header {
display:none}
.offcanvas-sm .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:transparent!important}
}
@media (max-width:767.98px) {
.offcanvas-md {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-md {
transition:none}
}
@media (max-width:767.98px) {
.offcanvas-md.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas-md.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas-md.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas-md.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
transform:none}
.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
visibility:visible}
}
@media (min-width:768px) {
.offcanvas-md {
--bs-offcanvas-height:auto;
--bs-offcanvas-border-width:0;
background-color:transparent!important}
.offcanvas-md .offcanvas-header {
display:none}
.offcanvas-md .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:transparent!important}
}
@media (max-width:991.98px) {
.offcanvas-lg {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-lg {
transition:none}
}
@media (max-width:991.98px) {
.offcanvas-lg.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas-lg.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas-lg.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas-lg.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
transform:none}
.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
visibility:visible}
}
@media (min-width:992px) {
.offcanvas-lg {
--bs-offcanvas-height:auto;
--bs-offcanvas-border-width:0;
background-color:transparent!important}
.offcanvas-lg .offcanvas-header {
display:none}
.offcanvas-lg .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:transparent!important}
}
@media (max-width:1199.98px) {
.offcanvas-xl {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xl {
transition:none}
}
@media (max-width:1199.98px) {
.offcanvas-xl.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas-xl.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas-xl.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas-xl.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
transform:none}
.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
visibility:visible}
}
@media (min-width:1200px) {
.offcanvas-xl {
--bs-offcanvas-height:auto;
--bs-offcanvas-border-width:0;
background-color:transparent!important}
.offcanvas-xl .offcanvas-header {
display:none}
.offcanvas-xl .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:transparent!important}
}
@media (max-width:1399.98px) {
.offcanvas-xxl {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
.offcanvas-xxl {
transition:none}
}
@media (max-width:1399.98px) {
.offcanvas-xxl.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas-xxl.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas-xxl.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas-xxl.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
transform:none}
.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
visibility:visible}
}
@media (min-width:1400px) {
.offcanvas-xxl {
--bs-offcanvas-height:auto;
--bs-offcanvas-border-width:0;
background-color:transparent!important}
.offcanvas-xxl .offcanvas-header {
display:none}
.offcanvas-xxl .offcanvas-body {
display:flex;
flex-grow:0;
padding:0;
overflow-y:visible;
background-color:transparent!important}
}
.offcanvas {
position:fixed;
bottom:0;
z-index:var(--bs-offcanvas-zindex);
display:flex;
flex-direction:column;
max-width:100%;
color:var(--bs-offcanvas-color);
visibility:hidden;
background-color:var(--bs-offcanvas-bg);
background-clip:padding-box;
outline:0;
transition:var(--bs-offcanvas-transition)}
@media (prefers-reduced-motion:reduce) {
.offcanvas {
transition:none}
}
.offcanvas.offcanvas-start {
top:0;
left:0;
width:var(--bs-offcanvas-width);
border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(-100%)}
.offcanvas.offcanvas-end {
top:0;
right:0;
width:var(--bs-offcanvas-width);
border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateX(100%)}
.offcanvas.offcanvas-top {
top:0;
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(-100%)}
.offcanvas.offcanvas-bottom {
right:0;
left:0;
height:var(--bs-offcanvas-height);
max-height:100%;
border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform:translateY(100%)}
.offcanvas.show:not(.hiding),.offcanvas.showing {
transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
visibility:visible}
.offcanvas-backdrop {
position:fixed;
top:0;
left:0;
z-index:1040;
width:100vw;
height:100vh;
background-color:#000}
.offcanvas-backdrop.fade {
opacity:0}
.offcanvas-backdrop.show {
opacity:.5}
.offcanvas-header {
display:flex;
align-items:center;
padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}
.offcanvas-header .btn-close {
padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}
.offcanvas-title {
margin-bottom:0;
line-height:var(--bs-offcanvas-title-line-height)}
.offcanvas-body {
flex-grow:1;
padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y:auto}
.placeholder {
display:inline-block;
min-height:1em;
vertical-align:middle;
cursor:wait;
background-color:currentcolor;
opacity:.5}
.placeholder.btn::before {
display:inline-block;
content:""}
.placeholder-xs {
min-height:.6em}
.placeholder-sm {
min-height:.8em}
.placeholder-lg {
min-height:1.2em}
.placeholder-glow .placeholder {
animation:placeholder-glow 2s ease-in-out infinite}
@keyframes placeholder-glow {
50% {
opacity:.2}
}
.placeholder-wave {
-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
-webkit-mask-size:200% 100%;
mask-size:200% 100%;
animation:placeholder-wave 2s linear infinite}
@keyframes placeholder-wave {
100% {
-webkit-mask-position:-200% 0%;
mask-position:-200% 0%}
}
.clearfix::after {
display:block;
clear:both;
content:""}
.text-bg-primary {
color:#fff!important;
background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-secondary {
color:#fff!important;
background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-success {
color:#fff!important;
background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-info {
color:#000!important;
background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-warning {
color:#000!important;
background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-danger {
color:#fff!important;
background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-light {
color:#000!important;
background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}
.text-bg-dark {
color:#fff!important;
background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}
.link-primary {
color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}
.link-primary:focus,.link-primary:hover {
color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}
.link-secondary {
color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}
.link-secondary:focus,.link-secondary:hover {
color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}
.link-success {
color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}
.link-success:focus,.link-success:hover {
color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}
.link-info {
color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}
.link-info:focus,.link-info:hover {
color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}
.link-warning {
color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}
.link-warning:focus,.link-warning:hover {
color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}
.link-danger {
color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}
.link-danger:focus,.link-danger:hover {
color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}
.link-light {
color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}
.link-light:focus,.link-light:hover {
color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}
.link-dark {
color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}
.link-dark:focus,.link-dark:hover {
color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}
.link-body-emphasis {
color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}
.link-body-emphasis:focus,.link-body-emphasis:hover {
color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;
text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}
.focus-ring:focus {
outline:0;
box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}
.icon-link {
display:inline-flex;
gap:.375rem;
align-items:center;
-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));
text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));
text-underline-offset:0.25em;
-webkit-backface-visibility:hidden;
backface-visibility:hidden}
.icon-link>.bi {
flex-shrink:0;
width:1em;
height:1em;
fill:currentcolor;
transition:.2s ease-in-out transform}
@media (prefers-reduced-motion:reduce) {
.icon-link>.bi {
transition:none}
}
.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}
.ratio {
position:relative;
width:100%}
.ratio::before {
display:block;
padding-top:var(--bs-aspect-ratio);
content:""}
.ratio>* {
position:absolute;
top:0;
left:0;
width:100%;
height:100%}
.ratio-1x1 {
--bs-aspect-ratio:100%}
.ratio-4x3 {
--bs-aspect-ratio:75%}
.ratio-16x9 {
--bs-aspect-ratio:56.25%}
.ratio-21x9 {
--bs-aspect-ratio:42.8571428571%}
.fixed-top {
position:fixed;
top:0;
right:0;
left:0;
z-index:1030}
.fixed-bottom {
position:fixed;
right:0;
bottom:0;
left:0;
z-index:1030}
.sticky-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
@media (min-width:576px) {
.sticky-sm-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-sm-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
}
@media (min-width:768px) {
.sticky-md-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-md-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
}
@media (min-width:992px) {
.sticky-lg-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-lg-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
}
@media (min-width:1200px) {
.sticky-xl-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-xl-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
}
@media (min-width:1400px) {
.sticky-xxl-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020}
.sticky-xxl-bottom {
position:-webkit-sticky;
position:sticky;
bottom:0;
z-index:1020}
}
.hstack {
display:flex;
flex-direction:row;
align-items:center;
align-self:stretch}
.vstack {
display:flex;
flex:1 1 auto;
flex-direction:column;
align-self:stretch}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
position:absolute!important}
.stretched-link::after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
content:""}
.text-truncate {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.vr {
display:inline-block;
align-self:stretch;
width:var(--bs-border-width);
min-height:1em;
background-color:currentcolor;
opacity:.25}
.align-baseline {
vertical-align:baseline!important}
.align-top {
vertical-align:top!important}
.align-middle {
vertical-align:middle!important}
.align-bottom {
vertical-align:bottom!important}
.align-text-bottom {
vertical-align:text-bottom!important}
.align-text-top {
vertical-align:text-top!important}
.float-start {
float:left!important}
.float-end {
float:right!important}
.float-none {
float:none!important}
.object-fit-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-none {
-o-object-fit:none!important;
object-fit:none!important}
.opacity-0 {
opacity:0!important}
.opacity-25 {
opacity:.25!important}
.opacity-50 {
opacity:.5!important}
.opacity-75 {
opacity:.75!important}
.opacity-100 {
opacity:1!important}
.overflow-auto {
overflow:auto!important}
.overflow-hidden {
overflow:hidden!important}
.overflow-visible {
overflow:visible!important}
.overflow-scroll {
overflow:scroll!important}
.overflow-x-auto {
overflow-x:auto!important}
.overflow-x-hidden {
overflow-x:hidden!important}
.overflow-x-visible {
overflow-x:visible!important}
.overflow-x-scroll {
overflow-x:scroll!important}
.overflow-y-auto {
overflow-y:auto!important}
.overflow-y-hidden {
overflow-y:hidden!important}
.overflow-y-visible {
overflow-y:visible!important}
.overflow-y-scroll {
overflow-y:scroll!important}
.d-inline {
display:inline!important}
.d-inline-block {
display:inline-block!important}
.d-block {
display:block!important}
.d-grid {
display:grid!important}
.d-inline-grid {
display:inline-grid!important}
.d-table {
display:table!important}
.d-table-row {
display:table-row!important}
.d-table-cell {
display:table-cell!important}
.d-flex {
display:flex!important}
.d-inline-flex {
display:inline-flex!important}
.d-none {
display:none!important}
.shadow {
box-shadow:var(--bs-box-shadow)!important}
.shadow-sm {
box-shadow:var(--bs-box-shadow-sm)!important}
.shadow-lg {
box-shadow:var(--bs-box-shadow-lg)!important}
.shadow-none {
box-shadow:none!important}
.focus-ring-primary {
--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-secondary {
--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-success {
--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-info {
--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-warning {
--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-danger {
--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-light {
--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}
.focus-ring-dark {
--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}
.position-static {
position:static!important}
.position-relative {
position:relative!important}
.position-absolute {
position:absolute!important}
.position-fixed {
position:fixed!important}
.position-sticky {
position:-webkit-sticky!important;
position:sticky!important}
.top-0 {
top:0!important}
.top-50 {
top:50%!important}
.top-100 {
top:100%!important}
.bottom-0 {
bottom:0!important}
.bottom-50 {
bottom:50%!important}
.bottom-100 {
bottom:100%!important}
.start-0 {
left:0!important}
.start-50 {
left:50%!important}
.start-100 {
left:100%!important}
.end-0 {
right:0!important}
.end-50 {
right:50%!important}
.end-100 {
right:100%!important}
.translate-middle {
transform:translate(-50%,-50%)!important}
.translate-middle-x {
transform:translateX(-50%)!important}
.translate-middle-y {
transform:translateY(-50%)!important}
.border {
border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-0 {
border:0!important}
.border-top {
border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top-0 {
border-top:0!important}
.border-end {
border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-end-0 {
border-right:0!important}
.border-bottom {
border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom-0 {
border-bottom:0!important}
.border-start {
border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-start-0 {
border-left:0!important}
.border-primary {
--bs-border-opacity:1;
border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}
.border-secondary {
--bs-border-opacity:1;
border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
.border-success {
--bs-border-opacity:1;
border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}
.border-info {
--bs-border-opacity:1;
border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}
.border-warning {
--bs-border-opacity:1;
border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}
.border-danger {
--bs-border-opacity:1;
border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}
.border-light {
--bs-border-opacity:1;
border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}
.border-dark {
--bs-border-opacity:1;
border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}
.border-black {
--bs-border-opacity:1;
border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}
.border-white {
--bs-border-opacity:1;
border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}
.border-primary-subtle {
border-color:var(--bs-primary-border-subtle)!important}
.border-secondary-subtle {
border-color:var(--bs-secondary-border-subtle)!important}
.border-success-subtle {
border-color:var(--bs-success-border-subtle)!important}
.border-info-subtle {
border-color:var(--bs-info-border-subtle)!important}
.border-warning-subtle {
border-color:var(--bs-warning-border-subtle)!important}
.border-danger-subtle {
border-color:var(--bs-danger-border-subtle)!important}
.border-light-subtle {
border-color:var(--bs-light-border-subtle)!important}
.border-dark-subtle {
border-color:var(--bs-dark-border-subtle)!important}
.border-1 {
border-width:1px!important}
.border-2 {
border-width:2px!important}
.border-3 {
border-width:3px!important}
.border-4 {
border-width:4px!important}
.border-5 {
border-width:5px!important}
.border-opacity-10 {
--bs-border-opacity:0.1}
.border-opacity-25 {
--bs-border-opacity:0.25}
.border-opacity-50 {
--bs-border-opacity:0.5}
.border-opacity-75 {
--bs-border-opacity:0.75}
.border-opacity-100 {
--bs-border-opacity:1}
.w-25 {
width:25%!important}
.w-50 {
width:50%!important}
.w-75 {
width:75%!important}
.w-100 {
width:100%!important}
.w-auto {
width:auto!important}
.mw-100 {
max-width:100%!important}
.vw-100 {
width:100vw!important}
.min-vw-100 {
min-width:100vw!important}
.h-25 {
height:25%!important}
.h-50 {
height:50%!important}
.h-75 {
height:75%!important}
.h-100 {
height:100%!important}
.h-auto {
height:auto!important}
.mh-100 {
max-height:100%!important}
.vh-100 {
height:100vh!important}
.min-vh-100 {
min-height:100vh!important}
.flex-fill {
flex:1 1 auto!important}
.flex-row {
flex-direction:row!important}
.flex-column {
flex-direction:column!important}
.flex-row-reverse {
flex-direction:row-reverse!important}
.flex-column-reverse {
flex-direction:column-reverse!important}
.flex-grow-0 {
flex-grow:0!important}
.flex-grow-1 {
flex-grow:1!important}
.flex-shrink-0 {
flex-shrink:0!important}
.flex-shrink-1 {
flex-shrink:1!important}
.flex-wrap {
flex-wrap:wrap!important}
.flex-nowrap {
flex-wrap:nowrap!important}
.flex-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-start {
justify-content:flex-start!important}
.justify-content-end {
justify-content:flex-end!important}
.justify-content-center {
justify-content:center!important}
.justify-content-between {
justify-content:space-between!important}
.justify-content-around {
justify-content:space-around!important}
.justify-content-evenly {
justify-content:space-evenly!important}
.align-items-start {
align-items:flex-start!important}
.align-items-end {
align-items:flex-end!important}
.align-items-center {
align-items:center!important}
.align-items-baseline {
align-items:baseline!important}
.align-items-stretch {
align-items:stretch!important}
.align-content-start {
align-content:flex-start!important}
.align-content-end {
align-content:flex-end!important}
.align-content-center {
align-content:center!important}
.align-content-between {
align-content:space-between!important}
.align-content-around {
align-content:space-around!important}
.align-content-stretch {
align-content:stretch!important}
.align-self-auto {
align-self:auto!important}
.align-self-start {
align-self:flex-start!important}
.align-self-end {
align-self:flex-end!important}
.align-self-center {
align-self:center!important}
.align-self-baseline {
align-self:baseline!important}
.align-self-stretch {
align-self:stretch!important}
.order-first {
order:-1!important}
.order-0 {
order:0!important}
.order-1 {
order:1!important}
.order-2 {
order:2!important}
.order-3 {
order:3!important}
.order-4 {
order:4!important}
.order-5 {
order:5!important}
.order-last {
order:6!important}
.m-0 {
margin:0!important}
.m-1 {
margin:.25rem!important}
.m-2 {
margin:.5rem!important}
.m-3 {
margin:1rem!important}
.m-4 {
margin:1.5rem!important}
.m-5 {
margin:3rem!important}
.m-auto {
margin:auto!important}
.mx-0 {
margin-right:0!important;
margin-left:0!important}
.mx-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-0 {
margin-top:0!important}
.mt-1 {
margin-top:.25rem!important}
.mt-2 {
margin-top:.5rem!important}
.mt-3 {
margin-top:1rem!important}
.mt-4 {
margin-top:1.5rem!important}
.mt-5 {
margin-top:3rem!important}
.mt-auto {
margin-top:auto!important}
.me-0 {
margin-right:0!important}
.me-1 {
margin-right:.25rem!important}
.me-2 {
margin-right:.5rem!important}
.me-3 {
margin-right:1rem!important}
.me-4 {
margin-right:1.5rem!important}
.me-5 {
margin-right:3rem!important}
.me-auto {
margin-right:auto!important}
.mb-0 {
margin-bottom:0!important}
.mb-1 {
margin-bottom:.25rem!important}
.mb-2 {
margin-bottom:.5rem!important}
.mb-3 {
margin-bottom:1rem!important}
.mb-4 {
margin-bottom:1.5rem!important}
.mb-5 {
margin-bottom:3rem!important}
.mb-auto {
margin-bottom:auto!important}
.ms-0 {
margin-left:0!important}
.ms-1 {
margin-left:.25rem!important}
.ms-2 {
margin-left:.5rem!important}
.ms-3 {
margin-left:1rem!important}
.ms-4 {
margin-left:1.5rem!important}
.ms-5 {
margin-left:3rem!important}
.ms-auto {
margin-left:auto!important}
.p-0 {
padding:0!important}
.p-1 {
padding:.25rem!important}
.p-2 {
padding:.5rem!important}
.p-3 {
padding:1rem!important}
.p-4 {
padding:1.5rem!important}
.p-5 {
padding:3rem!important}
.px-0 {
padding-right:0!important;
padding-left:0!important}
.px-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-0 {
padding-top:0!important}
.pt-1 {
padding-top:.25rem!important}
.pt-2 {
padding-top:.5rem!important}
.pt-3 {
padding-top:1rem!important}
.pt-4 {
padding-top:1.5rem!important}
.pt-5 {
padding-top:3rem!important}
.pe-0 {
padding-right:0!important}
.pe-1 {
padding-right:.25rem!important}
.pe-2 {
padding-right:.5rem!important}
.pe-3 {
padding-right:1rem!important}
.pe-4 {
padding-right:1.5rem!important}
.pe-5 {
padding-right:3rem!important}
.pb-0 {
padding-bottom:0!important}
.pb-1 {
padding-bottom:.25rem!important}
.pb-2 {
padding-bottom:.5rem!important}
.pb-3 {
padding-bottom:1rem!important}
.pb-4 {
padding-bottom:1.5rem!important}
.pb-5 {
padding-bottom:3rem!important}
.ps-0 {
padding-left:0!important}
.ps-1 {
padding-left:.25rem!important}
.ps-2 {
padding-left:.5rem!important}
.ps-3 {
padding-left:1rem!important}
.ps-4 {
padding-left:1.5rem!important}
.ps-5 {
padding-left:3rem!important}
.gap-0 {
gap:0!important}
.gap-1 {
gap:.25rem!important}
.gap-2 {
gap:.5rem!important}
.gap-3 {
gap:1rem!important}
.gap-4 {
gap:1.5rem!important}
.gap-5 {
gap:3rem!important}
.row-gap-0 {
row-gap:0!important}
.row-gap-1 {
row-gap:.25rem!important}
.row-gap-2 {
row-gap:.5rem!important}
.row-gap-3 {
row-gap:1rem!important}
.row-gap-4 {
row-gap:1.5rem!important}
.row-gap-5 {
row-gap:3rem!important}
.column-gap-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.font-monospace {
font-family:var(--bs-font-monospace)!important}
.fs-1 {
font-size:calc(1.375rem + 1.5vw)!important}
.fs-2 {
font-size:calc(1.325rem + .9vw)!important}
.fs-3 {
font-size:calc(1.3rem + .6vw)!important}
.fs-4 {
font-size:calc(1.275rem + .3vw)!important}
.fs-5 {
font-size:1.25rem!important}
.fs-6 {
font-size:1rem!important}
.fst-italic {
font-style:italic!important}
.fst-normal {
font-style:normal!important}
.fw-lighter {
font-weight:lighter!important}
.fw-light {
font-weight:300!important}
.fw-normal {
font-weight:400!important}
.fw-medium {
font-weight:500!important}
.fw-semibold {
font-weight:600!important}
.fw-bold {
font-weight:700!important}
.fw-bolder {
font-weight:bolder!important}
.lh-1 {
line-height:1!important}
.lh-sm {
line-height:1.25!important}
.lh-base {
line-height:1.5!important}
.lh-lg {
line-height:2!important}
.text-start {
text-align:left!important}
.text-end {
text-align:right!important}
.text-center {
text-align:center!important}
.text-decoration-none {
text-decoration:none!important}
.text-decoration-underline {
text-decoration:underline!important}
.text-decoration-line-through {
text-decoration:line-through!important}
.text-lowercase {
text-transform:lowercase!important}
.text-uppercase {
text-transform:uppercase!important}
.text-capitalize {
text-transform:capitalize!important}
.text-wrap {
white-space:normal!important}
.text-nowrap {
white-space:nowrap!important}
.text-break {
word-wrap:break-word!important;
word-break:break-word!important}
.text-primary {
--bs-text-opacity:1;
color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.text-secondary {
--bs-text-opacity:1;
color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.text-success {
--bs-text-opacity:1;
color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}
.text-info {
--bs-text-opacity:1;
color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}
.text-warning {
--bs-text-opacity:1;
color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}
.text-danger {
--bs-text-opacity:1;
color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.text-light {
--bs-text-opacity:1;
color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}
.text-dark {
--bs-text-opacity:1;
color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.text-black {
--bs-text-opacity:1;
color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}
.text-white {
--bs-text-opacity:1;
color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.text-body {
--bs-text-opacity:1;
color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}
.text-muted {
--bs-text-opacity:1;
color:var(--bs-secondary-color)!important}
.text-black-50 {
--bs-text-opacity:1;
color:rgba(0,0,0,.5)!important}
.text-white-50 {
--bs-text-opacity:1;
color:rgba(255,255,255,.5)!important}
.text-body-secondary {
--bs-text-opacity:1;
color:var(--bs-secondary-color)!important}
.text-body-tertiary {
--bs-text-opacity:1;
color:var(--bs-tertiary-color)!important}
.text-body-emphasis {
--bs-text-opacity:1;
color:var(--bs-emphasis-color)!important}
.text-reset {
--bs-text-opacity:1;
color:inherit!important}
.text-opacity-25 {
--bs-text-opacity:0.25}
.text-opacity-50 {
--bs-text-opacity:0.5}
.text-opacity-75 {
--bs-text-opacity:0.75}
.text-opacity-100 {
--bs-text-opacity:1}
.text-primary-emphasis {
color:var(--bs-primary-text-emphasis)!important}
.text-secondary-emphasis {
color:var(--bs-secondary-text-emphasis)!important}
.text-success-emphasis {
color:var(--bs-success-text-emphasis)!important}
.text-info-emphasis {
color:var(--bs-info-text-emphasis)!important}
.text-warning-emphasis {
color:var(--bs-warning-text-emphasis)!important}
.text-danger-emphasis {
color:var(--bs-danger-text-emphasis)!important}
.text-light-emphasis {
color:var(--bs-light-text-emphasis)!important}
.text-dark-emphasis {
color:var(--bs-dark-text-emphasis)!important}
.link-opacity-10 {
--bs-link-opacity:0.1}
.link-opacity-10-hover:hover {
--bs-link-opacity:0.1}
.link-opacity-25 {
--bs-link-opacity:0.25}
.link-opacity-25-hover:hover {
--bs-link-opacity:0.25}
.link-opacity-50 {
--bs-link-opacity:0.5}
.link-opacity-50-hover:hover {
--bs-link-opacity:0.5}
.link-opacity-75 {
--bs-link-opacity:0.75}
.link-opacity-75-hover:hover {
--bs-link-opacity:0.75}
.link-opacity-100 {
--bs-link-opacity:1}
.link-opacity-100-hover:hover {
--bs-link-opacity:1}
.link-offset-1 {
text-underline-offset:0.125em!important}
.link-offset-1-hover:hover {
text-underline-offset:0.125em!important}
.link-offset-2 {
text-underline-offset:0.25em!important}
.link-offset-2-hover:hover {
text-underline-offset:0.25em!important}
.link-offset-3 {
text-underline-offset:0.375em!important}
.link-offset-3-hover:hover {
text-underline-offset:0.375em!important}
.link-underline-primary {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-secondary {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-success {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-info {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-warning {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-danger {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-light {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}
.link-underline-dark {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;
text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}
.link-underline {
--bs-link-underline-opacity:1;
-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}
.link-underline-opacity-0 {
--bs-link-underline-opacity:0}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity:0}
.link-underline-opacity-10 {
--bs-link-underline-opacity:0.1}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity:0.1}
.link-underline-opacity-25 {
--bs-link-underline-opacity:0.25}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity:0.25}
.link-underline-opacity-50 {
--bs-link-underline-opacity:0.5}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity:0.5}
.link-underline-opacity-75 {
--bs-link-underline-opacity:0.75}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity:0.75}
.link-underline-opacity-100 {
--bs-link-underline-opacity:1}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity:1}
.bg-primary {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}
.bg-secondary {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}
.bg-success {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}
.bg-info {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}
.bg-warning {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}
.bg-danger {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}
.bg-light {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
.bg-dark {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}
.bg-black {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}
.bg-white {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
.bg-body {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}
.bg-transparent {
--bs-bg-opacity:1;
background-color:transparent!important}
.bg-body-secondary {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}
.bg-body-tertiary {
--bs-bg-opacity:1;
background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}
.bg-opacity-10 {
--bs-bg-opacity:0.1}
.bg-opacity-25 {
--bs-bg-opacity:0.25}
.bg-opacity-50 {
--bs-bg-opacity:0.5}
.bg-opacity-75 {
--bs-bg-opacity:0.75}
.bg-opacity-100 {
--bs-bg-opacity:1}
.bg-primary-subtle {
background-color:var(--bs-primary-bg-subtle)!important}
.bg-secondary-subtle {
background-color:var(--bs-secondary-bg-subtle)!important}
.bg-success-subtle {
background-color:var(--bs-success-bg-subtle)!important}
.bg-info-subtle {
background-color:var(--bs-info-bg-subtle)!important}
.bg-warning-subtle {
background-color:var(--bs-warning-bg-subtle)!important}
.bg-danger-subtle {
background-color:var(--bs-danger-bg-subtle)!important}
.bg-light-subtle {
background-color:var(--bs-light-bg-subtle)!important}
.bg-dark-subtle {
background-color:var(--bs-dark-bg-subtle)!important}
.bg-gradient {
background-image:var(--bs-gradient)!important}
.user-select-all {
-webkit-user-select:all!important;
-moz-user-select:all!important;
user-select:all!important}
.user-select-auto {
-webkit-user-select:auto!important;
-moz-user-select:auto!important;
user-select:auto!important}
.user-select-none {
-webkit-user-select:none!important;
-moz-user-select:none!important;
user-select:none!important}
.pe-none {
pointer-events:none!important}
.pe-auto {
pointer-events:auto!important}
.rounded {
border-radius:var(--bs-border-radius)!important}
.rounded-0 {
border-radius:0!important}
.rounded-1 {
border-radius:var(--bs-border-radius-sm)!important}
.rounded-2 {
border-radius:var(--bs-border-radius)!important}
.rounded-3 {
border-radius:var(--bs-border-radius-lg)!important}
.rounded-4 {
border-radius:var(--bs-border-radius-xl)!important}
.rounded-5 {
border-radius:var(--bs-border-radius-xxl)!important}
.rounded-circle {
border-radius:50%!important}
.rounded-pill {
border-radius:var(--bs-border-radius-pill)!important}
.rounded-top {
border-top-left-radius:var(--bs-border-radius)!important;
border-top-right-radius:var(--bs-border-radius)!important}
.rounded-top-0 {
border-top-left-radius:0!important;
border-top-right-radius:0!important}
.rounded-top-1 {
border-top-left-radius:var(--bs-border-radius-sm)!important;
border-top-right-radius:var(--bs-border-radius-sm)!important}
.rounded-top-2 {
border-top-left-radius:var(--bs-border-radius)!important;
border-top-right-radius:var(--bs-border-radius)!important}
.rounded-top-3 {
border-top-left-radius:var(--bs-border-radius-lg)!important;
border-top-right-radius:var(--bs-border-radius-lg)!important}
.rounded-top-4 {
border-top-left-radius:var(--bs-border-radius-xl)!important;
border-top-right-radius:var(--bs-border-radius-xl)!important}
.rounded-top-5 {
border-top-left-radius:var(--bs-border-radius-xxl)!important;
border-top-right-radius:var(--bs-border-radius-xxl)!important}
.rounded-top-circle {
border-top-left-radius:50%!important;
border-top-right-radius:50%!important}
.rounded-top-pill {
border-top-left-radius:var(--bs-border-radius-pill)!important;
border-top-right-radius:var(--bs-border-radius-pill)!important}
.rounded-end {
border-top-right-radius:var(--bs-border-radius)!important;
border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-end-0 {
border-top-right-radius:0!important;
border-bottom-right-radius:0!important}
.rounded-end-1 {
border-top-right-radius:var(--bs-border-radius-sm)!important;
border-bottom-right-radius:var(--bs-border-radius-sm)!important}
.rounded-end-2 {
border-top-right-radius:var(--bs-border-radius)!important;
border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-end-3 {
border-top-right-radius:var(--bs-border-radius-lg)!important;
border-bottom-right-radius:var(--bs-border-radius-lg)!important}
.rounded-end-4 {
border-top-right-radius:var(--bs-border-radius-xl)!important;
border-bottom-right-radius:var(--bs-border-radius-xl)!important}
.rounded-end-5 {
border-top-right-radius:var(--bs-border-radius-xxl)!important;
border-bottom-right-radius:var(--bs-border-radius-xxl)!important}
.rounded-end-circle {
border-top-right-radius:50%!important;
border-bottom-right-radius:50%!important}
.rounded-end-pill {
border-top-right-radius:var(--bs-border-radius-pill)!important;
border-bottom-right-radius:var(--bs-border-radius-pill)!important}
.rounded-bottom {
border-bottom-right-radius:var(--bs-border-radius)!important;
border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-bottom-0 {
border-bottom-right-radius:0!important;
border-bottom-left-radius:0!important}
.rounded-bottom-1 {
border-bottom-right-radius:var(--bs-border-radius-sm)!important;
border-bottom-left-radius:var(--bs-border-radius-sm)!important}
.rounded-bottom-2 {
border-bottom-right-radius:var(--bs-border-radius)!important;
border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-bottom-3 {
border-bottom-right-radius:var(--bs-border-radius-lg)!important;
border-bottom-left-radius:var(--bs-border-radius-lg)!important}
.rounded-bottom-4 {
border-bottom-right-radius:var(--bs-border-radius-xl)!important;
border-bottom-left-radius:var(--bs-border-radius-xl)!important}
.rounded-bottom-5 {
border-bottom-right-radius:var(--bs-border-radius-xxl)!important;
border-bottom-left-radius:var(--bs-border-radius-xxl)!important}
.rounded-bottom-circle {
border-bottom-right-radius:50%!important;
border-bottom-left-radius:50%!important}
.rounded-bottom-pill {
border-bottom-right-radius:var(--bs-border-radius-pill)!important;
border-bottom-left-radius:var(--bs-border-radius-pill)!important}
.rounded-start {
border-bottom-left-radius:var(--bs-border-radius)!important;
border-top-left-radius:var(--bs-border-radius)!important}
.rounded-start-0 {
border-bottom-left-radius:0!important;
border-top-left-radius:0!important}
.rounded-start-1 {
border-bottom-left-radius:var(--bs-border-radius-sm)!important;
border-top-left-radius:var(--bs-border-radius-sm)!important}
.rounded-start-2 {
border-bottom-left-radius:var(--bs-border-radius)!important;
border-top-left-radius:var(--bs-border-radius)!important}
.rounded-start-3 {
border-bottom-left-radius:var(--bs-border-radius-lg)!important;
border-top-left-radius:var(--bs-border-radius-lg)!important}
.rounded-start-4 {
border-bottom-left-radius:var(--bs-border-radius-xl)!important;
border-top-left-radius:var(--bs-border-radius-xl)!important}
.rounded-start-5 {
border-bottom-left-radius:var(--bs-border-radius-xxl)!important;
border-top-left-radius:var(--bs-border-radius-xxl)!important}
.rounded-start-circle {
border-bottom-left-radius:50%!important;
border-top-left-radius:50%!important}
.rounded-start-pill {
border-bottom-left-radius:var(--bs-border-radius-pill)!important;
border-top-left-radius:var(--bs-border-radius-pill)!important}
.visible {
visibility:visible!important}
.invisible {
visibility:hidden!important}
.z-n1 {
z-index:-1!important}
.z-0 {
z-index:0!important}
.z-1 {
z-index:1!important}
.z-2 {
z-index:2!important}
.z-3 {
z-index:3!important}
@media (min-width:576px) {
.float-sm-start {
float:left!important}
.float-sm-end {
float:right!important}
.float-sm-none {
float:none!important}
.object-fit-sm-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-sm-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-sm-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-sm-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-sm-none {
-o-object-fit:none!important;
object-fit:none!important}
.d-sm-inline {
display:inline!important}
.d-sm-inline-block {
display:inline-block!important}
.d-sm-block {
display:block!important}
.d-sm-grid {
display:grid!important}
.d-sm-inline-grid {
display:inline-grid!important}
.d-sm-table {
display:table!important}
.d-sm-table-row {
display:table-row!important}
.d-sm-table-cell {
display:table-cell!important}
.d-sm-flex {
display:flex!important}
.d-sm-inline-flex {
display:inline-flex!important}
.d-sm-none {
display:none!important}
.flex-sm-fill {
flex:1 1 auto!important}
.flex-sm-row {
flex-direction:row!important}
.flex-sm-column {
flex-direction:column!important}
.flex-sm-row-reverse {
flex-direction:row-reverse!important}
.flex-sm-column-reverse {
flex-direction:column-reverse!important}
.flex-sm-grow-0 {
flex-grow:0!important}
.flex-sm-grow-1 {
flex-grow:1!important}
.flex-sm-shrink-0 {
flex-shrink:0!important}
.flex-sm-shrink-1 {
flex-shrink:1!important}
.flex-sm-wrap {
flex-wrap:wrap!important}
.flex-sm-nowrap {
flex-wrap:nowrap!important}
.flex-sm-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-sm-start {
justify-content:flex-start!important}
.justify-content-sm-end {
justify-content:flex-end!important}
.justify-content-sm-center {
justify-content:center!important}
.justify-content-sm-between {
justify-content:space-between!important}
.justify-content-sm-around {
justify-content:space-around!important}
.justify-content-sm-evenly {
justify-content:space-evenly!important}
.align-items-sm-start {
align-items:flex-start!important}
.align-items-sm-end {
align-items:flex-end!important}
.align-items-sm-center {
align-items:center!important}
.align-items-sm-baseline {
align-items:baseline!important}
.align-items-sm-stretch {
align-items:stretch!important}
.align-content-sm-start {
align-content:flex-start!important}
.align-content-sm-end {
align-content:flex-end!important}
.align-content-sm-center {
align-content:center!important}
.align-content-sm-between {
align-content:space-between!important}
.align-content-sm-around {
align-content:space-around!important}
.align-content-sm-stretch {
align-content:stretch!important}
.align-self-sm-auto {
align-self:auto!important}
.align-self-sm-start {
align-self:flex-start!important}
.align-self-sm-end {
align-self:flex-end!important}
.align-self-sm-center {
align-self:center!important}
.align-self-sm-baseline {
align-self:baseline!important}
.align-self-sm-stretch {
align-self:stretch!important}
.order-sm-first {
order:-1!important}
.order-sm-0 {
order:0!important}
.order-sm-1 {
order:1!important}
.order-sm-2 {
order:2!important}
.order-sm-3 {
order:3!important}
.order-sm-4 {
order:4!important}
.order-sm-5 {
order:5!important}
.order-sm-last {
order:6!important}
.m-sm-0 {
margin:0!important}
.m-sm-1 {
margin:.25rem!important}
.m-sm-2 {
margin:.5rem!important}
.m-sm-3 {
margin:1rem!important}
.m-sm-4 {
margin:1.5rem!important}
.m-sm-5 {
margin:3rem!important}
.m-sm-auto {
margin:auto!important}
.mx-sm-0 {
margin-right:0!important;
margin-left:0!important}
.mx-sm-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-sm-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-sm-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-sm-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-sm-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-sm-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-sm-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-sm-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-sm-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-sm-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-sm-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-sm-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-sm-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-sm-0 {
margin-top:0!important}
.mt-sm-1 {
margin-top:.25rem!important}
.mt-sm-2 {
margin-top:.5rem!important}
.mt-sm-3 {
margin-top:1rem!important}
.mt-sm-4 {
margin-top:1.5rem!important}
.mt-sm-5 {
margin-top:3rem!important}
.mt-sm-auto {
margin-top:auto!important}
.me-sm-0 {
margin-right:0!important}
.me-sm-1 {
margin-right:.25rem!important}
.me-sm-2 {
margin-right:.5rem!important}
.me-sm-3 {
margin-right:1rem!important}
.me-sm-4 {
margin-right:1.5rem!important}
.me-sm-5 {
margin-right:3rem!important}
.me-sm-auto {
margin-right:auto!important}
.mb-sm-0 {
margin-bottom:0!important}
.mb-sm-1 {
margin-bottom:.25rem!important}
.mb-sm-2 {
margin-bottom:.5rem!important}
.mb-sm-3 {
margin-bottom:1rem!important}
.mb-sm-4 {
margin-bottom:1.5rem!important}
.mb-sm-5 {
margin-bottom:3rem!important}
.mb-sm-auto {
margin-bottom:auto!important}
.ms-sm-0 {
margin-left:0!important}
.ms-sm-1 {
margin-left:.25rem!important}
.ms-sm-2 {
margin-left:.5rem!important}
.ms-sm-3 {
margin-left:1rem!important}
.ms-sm-4 {
margin-left:1.5rem!important}
.ms-sm-5 {
margin-left:3rem!important}
.ms-sm-auto {
margin-left:auto!important}
.p-sm-0 {
padding:0!important}
.p-sm-1 {
padding:.25rem!important}
.p-sm-2 {
padding:.5rem!important}
.p-sm-3 {
padding:1rem!important}
.p-sm-4 {
padding:1.5rem!important}
.p-sm-5 {
padding:3rem!important}
.px-sm-0 {
padding-right:0!important;
padding-left:0!important}
.px-sm-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-sm-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-sm-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-sm-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-sm-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-sm-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-sm-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-sm-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-sm-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-sm-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-sm-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-sm-0 {
padding-top:0!important}
.pt-sm-1 {
padding-top:.25rem!important}
.pt-sm-2 {
padding-top:.5rem!important}
.pt-sm-3 {
padding-top:1rem!important}
.pt-sm-4 {
padding-top:1.5rem!important}
.pt-sm-5 {
padding-top:3rem!important}
.pe-sm-0 {
padding-right:0!important}
.pe-sm-1 {
padding-right:.25rem!important}
.pe-sm-2 {
padding-right:.5rem!important}
.pe-sm-3 {
padding-right:1rem!important}
.pe-sm-4 {
padding-right:1.5rem!important}
.pe-sm-5 {
padding-right:3rem!important}
.pb-sm-0 {
padding-bottom:0!important}
.pb-sm-1 {
padding-bottom:.25rem!important}
.pb-sm-2 {
padding-bottom:.5rem!important}
.pb-sm-3 {
padding-bottom:1rem!important}
.pb-sm-4 {
padding-bottom:1.5rem!important}
.pb-sm-5 {
padding-bottom:3rem!important}
.ps-sm-0 {
padding-left:0!important}
.ps-sm-1 {
padding-left:.25rem!important}
.ps-sm-2 {
padding-left:.5rem!important}
.ps-sm-3 {
padding-left:1rem!important}
.ps-sm-4 {
padding-left:1.5rem!important}
.ps-sm-5 {
padding-left:3rem!important}
.gap-sm-0 {
gap:0!important}
.gap-sm-1 {
gap:.25rem!important}
.gap-sm-2 {
gap:.5rem!important}
.gap-sm-3 {
gap:1rem!important}
.gap-sm-4 {
gap:1.5rem!important}
.gap-sm-5 {
gap:3rem!important}
.row-gap-sm-0 {
row-gap:0!important}
.row-gap-sm-1 {
row-gap:.25rem!important}
.row-gap-sm-2 {
row-gap:.5rem!important}
.row-gap-sm-3 {
row-gap:1rem!important}
.row-gap-sm-4 {
row-gap:1.5rem!important}
.row-gap-sm-5 {
row-gap:3rem!important}
.column-gap-sm-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-sm-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-sm-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-sm-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-sm-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-sm-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.text-sm-start {
text-align:left!important}
.text-sm-end {
text-align:right!important}
.text-sm-center {
text-align:center!important}
}
@media (min-width:768px) {
.float-md-start {
float:left!important}
.float-md-end {
float:right!important}
.float-md-none {
float:none!important}
.object-fit-md-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-md-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-md-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-md-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-md-none {
-o-object-fit:none!important;
object-fit:none!important}
.d-md-inline {
display:inline!important}
.d-md-inline-block {
display:inline-block!important}
.d-md-block {
display:block!important}
.d-md-grid {
display:grid!important}
.d-md-inline-grid {
display:inline-grid!important}
.d-md-table {
display:table!important}
.d-md-table-row {
display:table-row!important}
.d-md-table-cell {
display:table-cell!important}
.d-md-flex {
display:flex!important}
.d-md-inline-flex {
display:inline-flex!important}
.d-md-none {
display:none!important}
.flex-md-fill {
flex:1 1 auto!important}
.flex-md-row {
flex-direction:row!important}
.flex-md-column {
flex-direction:column!important}
.flex-md-row-reverse {
flex-direction:row-reverse!important}
.flex-md-column-reverse {
flex-direction:column-reverse!important}
.flex-md-grow-0 {
flex-grow:0!important}
.flex-md-grow-1 {
flex-grow:1!important}
.flex-md-shrink-0 {
flex-shrink:0!important}
.flex-md-shrink-1 {
flex-shrink:1!important}
.flex-md-wrap {
flex-wrap:wrap!important}
.flex-md-nowrap {
flex-wrap:nowrap!important}
.flex-md-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-md-start {
justify-content:flex-start!important}
.justify-content-md-end {
justify-content:flex-end!important}
.justify-content-md-center {
justify-content:center!important}
.justify-content-md-between {
justify-content:space-between!important}
.justify-content-md-around {
justify-content:space-around!important}
.justify-content-md-evenly {
justify-content:space-evenly!important}
.align-items-md-start {
align-items:flex-start!important}
.align-items-md-end {
align-items:flex-end!important}
.align-items-md-center {
align-items:center!important}
.align-items-md-baseline {
align-items:baseline!important}
.align-items-md-stretch {
align-items:stretch!important}
.align-content-md-start {
align-content:flex-start!important}
.align-content-md-end {
align-content:flex-end!important}
.align-content-md-center {
align-content:center!important}
.align-content-md-between {
align-content:space-between!important}
.align-content-md-around {
align-content:space-around!important}
.align-content-md-stretch {
align-content:stretch!important}
.align-self-md-auto {
align-self:auto!important}
.align-self-md-start {
align-self:flex-start!important}
.align-self-md-end {
align-self:flex-end!important}
.align-self-md-center {
align-self:center!important}
.align-self-md-baseline {
align-self:baseline!important}
.align-self-md-stretch {
align-self:stretch!important}
.order-md-first {
order:-1!important}
.order-md-0 {
order:0!important}
.order-md-1 {
order:1!important}
.order-md-2 {
order:2!important}
.order-md-3 {
order:3!important}
.order-md-4 {
order:4!important}
.order-md-5 {
order:5!important}
.order-md-last {
order:6!important}
.m-md-0 {
margin:0!important}
.m-md-1 {
margin:.25rem!important}
.m-md-2 {
margin:.5rem!important}
.m-md-3 {
margin:1rem!important}
.m-md-4 {
margin:1.5rem!important}
.m-md-5 {
margin:3rem!important}
.m-md-auto {
margin:auto!important}
.mx-md-0 {
margin-right:0!important;
margin-left:0!important}
.mx-md-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-md-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-md-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-md-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-md-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-md-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-md-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-md-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-md-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-md-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-md-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-md-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-md-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-md-0 {
margin-top:0!important}
.mt-md-1 {
margin-top:.25rem!important}
.mt-md-2 {
margin-top:.5rem!important}
.mt-md-3 {
margin-top:1rem!important}
.mt-md-4 {
margin-top:1.5rem!important}
.mt-md-5 {
margin-top:3rem!important}
.mt-md-auto {
margin-top:auto!important}
.me-md-0 {
margin-right:0!important}
.me-md-1 {
margin-right:.25rem!important}
.me-md-2 {
margin-right:.5rem!important}
.me-md-3 {
margin-right:1rem!important}
.me-md-4 {
margin-right:1.5rem!important}
.me-md-5 {
margin-right:3rem!important}
.me-md-auto {
margin-right:auto!important}
.mb-md-0 {
margin-bottom:0!important}
.mb-md-1 {
margin-bottom:.25rem!important}
.mb-md-2 {
margin-bottom:.5rem!important}
.mb-md-3 {
margin-bottom:1rem!important}
.mb-md-4 {
margin-bottom:1.5rem!important}
.mb-md-5 {
margin-bottom:3rem!important}
.mb-md-auto {
margin-bottom:auto!important}
.ms-md-0 {
margin-left:0!important}
.ms-md-1 {
margin-left:.25rem!important}
.ms-md-2 {
margin-left:.5rem!important}
.ms-md-3 {
margin-left:1rem!important}
.ms-md-4 {
margin-left:1.5rem!important}
.ms-md-5 {
margin-left:3rem!important}
.ms-md-auto {
margin-left:auto!important}
.p-md-0 {
padding:0!important}
.p-md-1 {
padding:.25rem!important}
.p-md-2 {
padding:.5rem!important}
.p-md-3 {
padding:1rem!important}
.p-md-4 {
padding:1.5rem!important}
.p-md-5 {
padding:3rem!important}
.px-md-0 {
padding-right:0!important;
padding-left:0!important}
.px-md-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-md-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-md-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-md-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-md-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-md-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-md-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-md-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-md-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-md-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-md-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-md-0 {
padding-top:0!important}
.pt-md-1 {
padding-top:.25rem!important}
.pt-md-2 {
padding-top:.5rem!important}
.pt-md-3 {
padding-top:1rem!important}
.pt-md-4 {
padding-top:1.5rem!important}
.pt-md-5 {
padding-top:3rem!important}
.pe-md-0 {
padding-right:0!important}
.pe-md-1 {
padding-right:.25rem!important}
.pe-md-2 {
padding-right:.5rem!important}
.pe-md-3 {
padding-right:1rem!important}
.pe-md-4 {
padding-right:1.5rem!important}
.pe-md-5 {
padding-right:3rem!important}
.pb-md-0 {
padding-bottom:0!important}
.pb-md-1 {
padding-bottom:.25rem!important}
.pb-md-2 {
padding-bottom:.5rem!important}
.pb-md-3 {
padding-bottom:1rem!important}
.pb-md-4 {
padding-bottom:1.5rem!important}
.pb-md-5 {
padding-bottom:3rem!important}
.ps-md-0 {
padding-left:0!important}
.ps-md-1 {
padding-left:.25rem!important}
.ps-md-2 {
padding-left:.5rem!important}
.ps-md-3 {
padding-left:1rem!important}
.ps-md-4 {
padding-left:1.5rem!important}
.ps-md-5 {
padding-left:3rem!important}
.gap-md-0 {
gap:0!important}
.gap-md-1 {
gap:.25rem!important}
.gap-md-2 {
gap:.5rem!important}
.gap-md-3 {
gap:1rem!important}
.gap-md-4 {
gap:1.5rem!important}
.gap-md-5 {
gap:3rem!important}
.row-gap-md-0 {
row-gap:0!important}
.row-gap-md-1 {
row-gap:.25rem!important}
.row-gap-md-2 {
row-gap:.5rem!important}
.row-gap-md-3 {
row-gap:1rem!important}
.row-gap-md-4 {
row-gap:1.5rem!important}
.row-gap-md-5 {
row-gap:3rem!important}
.column-gap-md-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-md-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-md-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-md-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-md-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-md-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.text-md-start {
text-align:left!important}
.text-md-end {
text-align:right!important}
.text-md-center {
text-align:center!important}
}
@media (min-width:992px) {
.float-lg-start {
float:left!important}
.float-lg-end {
float:right!important}
.float-lg-none {
float:none!important}
.object-fit-lg-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-lg-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-lg-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-lg-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-lg-none {
-o-object-fit:none!important;
object-fit:none!important}
.d-lg-inline {
display:inline!important}
.d-lg-inline-block {
display:inline-block!important}
.d-lg-block {
display:block!important}
.d-lg-grid {
display:grid!important}
.d-lg-inline-grid {
display:inline-grid!important}
.d-lg-table {
display:table!important}
.d-lg-table-row {
display:table-row!important}
.d-lg-table-cell {
display:table-cell!important}
.d-lg-flex {
display:flex!important}
.d-lg-inline-flex {
display:inline-flex!important}
.d-lg-none {
display:none!important}
.flex-lg-fill {
flex:1 1 auto!important}
.flex-lg-row {
flex-direction:row!important}
.flex-lg-column {
flex-direction:column!important}
.flex-lg-row-reverse {
flex-direction:row-reverse!important}
.flex-lg-column-reverse {
flex-direction:column-reverse!important}
.flex-lg-grow-0 {
flex-grow:0!important}
.flex-lg-grow-1 {
flex-grow:1!important}
.flex-lg-shrink-0 {
flex-shrink:0!important}
.flex-lg-shrink-1 {
flex-shrink:1!important}
.flex-lg-wrap {
flex-wrap:wrap!important}
.flex-lg-nowrap {
flex-wrap:nowrap!important}
.flex-lg-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-lg-start {
justify-content:flex-start!important}
.justify-content-lg-end {
justify-content:flex-end!important}
.justify-content-lg-center {
justify-content:center!important}
.justify-content-lg-between {
justify-content:space-between!important}
.justify-content-lg-around {
justify-content:space-around!important}
.justify-content-lg-evenly {
justify-content:space-evenly!important}
.align-items-lg-start {
align-items:flex-start!important}
.align-items-lg-end {
align-items:flex-end!important}
.align-items-lg-center {
align-items:center!important}
.align-items-lg-baseline {
align-items:baseline!important}
.align-items-lg-stretch {
align-items:stretch!important}
.align-content-lg-start {
align-content:flex-start!important}
.align-content-lg-end {
align-content:flex-end!important}
.align-content-lg-center {
align-content:center!important}
.align-content-lg-between {
align-content:space-between!important}
.align-content-lg-around {
align-content:space-around!important}
.align-content-lg-stretch {
align-content:stretch!important}
.align-self-lg-auto {
align-self:auto!important}
.align-self-lg-start {
align-self:flex-start!important}
.align-self-lg-end {
align-self:flex-end!important}
.align-self-lg-center {
align-self:center!important}
.align-self-lg-baseline {
align-self:baseline!important}
.align-self-lg-stretch {
align-self:stretch!important}
.order-lg-first {
order:-1!important}
.order-lg-0 {
order:0!important}
.order-lg-1 {
order:1!important}
.order-lg-2 {
order:2!important}
.order-lg-3 {
order:3!important}
.order-lg-4 {
order:4!important}
.order-lg-5 {
order:5!important}
.order-lg-last {
order:6!important}
.m-lg-0 {
margin:0!important}
.m-lg-1 {
margin:.25rem!important}
.m-lg-2 {
margin:.5rem!important}
.m-lg-3 {
margin:1rem!important}
.m-lg-4 {
margin:1.5rem!important}
.m-lg-5 {
margin:3rem!important}
.m-lg-auto {
margin:auto!important}
.mx-lg-0 {
margin-right:0!important;
margin-left:0!important}
.mx-lg-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-lg-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-lg-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-lg-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-lg-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-lg-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-lg-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-lg-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-lg-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-lg-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-lg-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-lg-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-lg-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-lg-0 {
margin-top:0!important}
.mt-lg-1 {
margin-top:.25rem!important}
.mt-lg-2 {
margin-top:.5rem!important}
.mt-lg-3 {
margin-top:1rem!important}
.mt-lg-4 {
margin-top:1.5rem!important}
.mt-lg-5 {
margin-top:3rem!important}
.mt-lg-auto {
margin-top:auto!important}
.me-lg-0 {
margin-right:0!important}
.me-lg-1 {
margin-right:.25rem!important}
.me-lg-2 {
margin-right:.5rem!important}
.me-lg-3 {
margin-right:1rem!important}
.me-lg-4 {
margin-right:1.5rem!important}
.me-lg-5 {
margin-right:3rem!important}
.me-lg-auto {
margin-right:auto!important}
.mb-lg-0 {
margin-bottom:0!important}
.mb-lg-1 {
margin-bottom:.25rem!important}
.mb-lg-2 {
margin-bottom:.5rem!important}
.mb-lg-3 {
margin-bottom:1rem!important}
.mb-lg-4 {
margin-bottom:1.5rem!important}
.mb-lg-5 {
margin-bottom:3rem!important}
.mb-lg-auto {
margin-bottom:auto!important}
.ms-lg-0 {
margin-left:0!important}
.ms-lg-1 {
margin-left:.25rem!important}
.ms-lg-2 {
margin-left:.5rem!important}
.ms-lg-3 {
margin-left:1rem!important}
.ms-lg-4 {
margin-left:1.5rem!important}
.ms-lg-5 {
margin-left:3rem!important}
.ms-lg-auto {
margin-left:auto!important}
.p-lg-0 {
padding:0!important}
.p-lg-1 {
padding:.25rem!important}
.p-lg-2 {
padding:.5rem!important}
.p-lg-3 {
padding:1rem!important}
.p-lg-4 {
padding:1.5rem!important}
.p-lg-5 {
padding:3rem!important}
.px-lg-0 {
padding-right:0!important;
padding-left:0!important}
.px-lg-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-lg-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-lg-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-lg-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-lg-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-lg-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-lg-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-lg-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-lg-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-lg-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-lg-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-lg-0 {
padding-top:0!important}
.pt-lg-1 {
padding-top:.25rem!important}
.pt-lg-2 {
padding-top:.5rem!important}
.pt-lg-3 {
padding-top:1rem!important}
.pt-lg-4 {
padding-top:1.5rem!important}
.pt-lg-5 {
padding-top:3rem!important}
.pe-lg-0 {
padding-right:0!important}
.pe-lg-1 {
padding-right:.25rem!important}
.pe-lg-2 {
padding-right:.5rem!important}
.pe-lg-3 {
padding-right:1rem!important}
.pe-lg-4 {
padding-right:1.5rem!important}
.pe-lg-5 {
padding-right:3rem!important}
.pb-lg-0 {
padding-bottom:0!important}
.pb-lg-1 {
padding-bottom:.25rem!important}
.pb-lg-2 {
padding-bottom:.5rem!important}
.pb-lg-3 {
padding-bottom:1rem!important}
.pb-lg-4 {
padding-bottom:1.5rem!important}
.pb-lg-5 {
padding-bottom:3rem!important}
.ps-lg-0 {
padding-left:0!important}
.ps-lg-1 {
padding-left:.25rem!important}
.ps-lg-2 {
padding-left:.5rem!important}
.ps-lg-3 {
padding-left:1rem!important}
.ps-lg-4 {
padding-left:1.5rem!important}
.ps-lg-5 {
padding-left:3rem!important}
.gap-lg-0 {
gap:0!important}
.gap-lg-1 {
gap:.25rem!important}
.gap-lg-2 {
gap:.5rem!important}
.gap-lg-3 {
gap:1rem!important}
.gap-lg-4 {
gap:1.5rem!important}
.gap-lg-5 {
gap:3rem!important}
.row-gap-lg-0 {
row-gap:0!important}
.row-gap-lg-1 {
row-gap:.25rem!important}
.row-gap-lg-2 {
row-gap:.5rem!important}
.row-gap-lg-3 {
row-gap:1rem!important}
.row-gap-lg-4 {
row-gap:1.5rem!important}
.row-gap-lg-5 {
row-gap:3rem!important}
.column-gap-lg-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-lg-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-lg-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-lg-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-lg-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-lg-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.text-lg-start {
text-align:left!important}
.text-lg-end {
text-align:right!important}
.text-lg-center {
text-align:center!important}
}
@media (min-width:1200px) {
.float-xl-start {
float:left!important}
.float-xl-end {
float:right!important}
.float-xl-none {
float:none!important}
.object-fit-xl-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-xl-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-xl-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-xl-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-xl-none {
-o-object-fit:none!important;
object-fit:none!important}
.d-xl-inline {
display:inline!important}
.d-xl-inline-block {
display:inline-block!important}
.d-xl-block {
display:block!important}
.d-xl-grid {
display:grid!important}
.d-xl-inline-grid {
display:inline-grid!important}
.d-xl-table {
display:table!important}
.d-xl-table-row {
display:table-row!important}
.d-xl-table-cell {
display:table-cell!important}
.d-xl-flex {
display:flex!important}
.d-xl-inline-flex {
display:inline-flex!important}
.d-xl-none {
display:none!important}
.flex-xl-fill {
flex:1 1 auto!important}
.flex-xl-row {
flex-direction:row!important}
.flex-xl-column {
flex-direction:column!important}
.flex-xl-row-reverse {
flex-direction:row-reverse!important}
.flex-xl-column-reverse {
flex-direction:column-reverse!important}
.flex-xl-grow-0 {
flex-grow:0!important}
.flex-xl-grow-1 {
flex-grow:1!important}
.flex-xl-shrink-0 {
flex-shrink:0!important}
.flex-xl-shrink-1 {
flex-shrink:1!important}
.flex-xl-wrap {
flex-wrap:wrap!important}
.flex-xl-nowrap {
flex-wrap:nowrap!important}
.flex-xl-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-xl-start {
justify-content:flex-start!important}
.justify-content-xl-end {
justify-content:flex-end!important}
.justify-content-xl-center {
justify-content:center!important}
.justify-content-xl-between {
justify-content:space-between!important}
.justify-content-xl-around {
justify-content:space-around!important}
.justify-content-xl-evenly {
justify-content:space-evenly!important}
.align-items-xl-start {
align-items:flex-start!important}
.align-items-xl-end {
align-items:flex-end!important}
.align-items-xl-center {
align-items:center!important}
.align-items-xl-baseline {
align-items:baseline!important}
.align-items-xl-stretch {
align-items:stretch!important}
.align-content-xl-start {
align-content:flex-start!important}
.align-content-xl-end {
align-content:flex-end!important}
.align-content-xl-center {
align-content:center!important}
.align-content-xl-between {
align-content:space-between!important}
.align-content-xl-around {
align-content:space-around!important}
.align-content-xl-stretch {
align-content:stretch!important}
.align-self-xl-auto {
align-self:auto!important}
.align-self-xl-start {
align-self:flex-start!important}
.align-self-xl-end {
align-self:flex-end!important}
.align-self-xl-center {
align-self:center!important}
.align-self-xl-baseline {
align-self:baseline!important}
.align-self-xl-stretch {
align-self:stretch!important}
.order-xl-first {
order:-1!important}
.order-xl-0 {
order:0!important}
.order-xl-1 {
order:1!important}
.order-xl-2 {
order:2!important}
.order-xl-3 {
order:3!important}
.order-xl-4 {
order:4!important}
.order-xl-5 {
order:5!important}
.order-xl-last {
order:6!important}
.m-xl-0 {
margin:0!important}
.m-xl-1 {
margin:.25rem!important}
.m-xl-2 {
margin:.5rem!important}
.m-xl-3 {
margin:1rem!important}
.m-xl-4 {
margin:1.5rem!important}
.m-xl-5 {
margin:3rem!important}
.m-xl-auto {
margin:auto!important}
.mx-xl-0 {
margin-right:0!important;
margin-left:0!important}
.mx-xl-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-xl-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-xl-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-xl-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-xl-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-xl-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-xl-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-xl-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-xl-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-xl-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-xl-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-xl-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-xl-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-xl-0 {
margin-top:0!important}
.mt-xl-1 {
margin-top:.25rem!important}
.mt-xl-2 {
margin-top:.5rem!important}
.mt-xl-3 {
margin-top:1rem!important}
.mt-xl-4 {
margin-top:1.5rem!important}
.mt-xl-5 {
margin-top:3rem!important}
.mt-xl-auto {
margin-top:auto!important}
.me-xl-0 {
margin-right:0!important}
.me-xl-1 {
margin-right:.25rem!important}
.me-xl-2 {
margin-right:.5rem!important}
.me-xl-3 {
margin-right:1rem!important}
.me-xl-4 {
margin-right:1.5rem!important}
.me-xl-5 {
margin-right:3rem!important}
.me-xl-auto {
margin-right:auto!important}
.mb-xl-0 {
margin-bottom:0!important}
.mb-xl-1 {
margin-bottom:.25rem!important}
.mb-xl-2 {
margin-bottom:.5rem!important}
.mb-xl-3 {
margin-bottom:1rem!important}
.mb-xl-4 {
margin-bottom:1.5rem!important}
.mb-xl-5 {
margin-bottom:3rem!important}
.mb-xl-auto {
margin-bottom:auto!important}
.ms-xl-0 {
margin-left:0!important}
.ms-xl-1 {
margin-left:.25rem!important}
.ms-xl-2 {
margin-left:.5rem!important}
.ms-xl-3 {
margin-left:1rem!important}
.ms-xl-4 {
margin-left:1.5rem!important}
.ms-xl-5 {
margin-left:3rem!important}
.ms-xl-auto {
margin-left:auto!important}
.p-xl-0 {
padding:0!important}
.p-xl-1 {
padding:.25rem!important}
.p-xl-2 {
padding:.5rem!important}
.p-xl-3 {
padding:1rem!important}
.p-xl-4 {
padding:1.5rem!important}
.p-xl-5 {
padding:3rem!important}
.px-xl-0 {
padding-right:0!important;
padding-left:0!important}
.px-xl-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-xl-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-xl-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-xl-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-xl-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-xl-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-xl-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-xl-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-xl-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-xl-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-xl-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-xl-0 {
padding-top:0!important}
.pt-xl-1 {
padding-top:.25rem!important}
.pt-xl-2 {
padding-top:.5rem!important}
.pt-xl-3 {
padding-top:1rem!important}
.pt-xl-4 {
padding-top:1.5rem!important}
.pt-xl-5 {
padding-top:3rem!important}
.pe-xl-0 {
padding-right:0!important}
.pe-xl-1 {
padding-right:.25rem!important}
.pe-xl-2 {
padding-right:.5rem!important}
.pe-xl-3 {
padding-right:1rem!important}
.pe-xl-4 {
padding-right:1.5rem!important}
.pe-xl-5 {
padding-right:3rem!important}
.pb-xl-0 {
padding-bottom:0!important}
.pb-xl-1 {
padding-bottom:.25rem!important}
.pb-xl-2 {
padding-bottom:.5rem!important}
.pb-xl-3 {
padding-bottom:1rem!important}
.pb-xl-4 {
padding-bottom:1.5rem!important}
.pb-xl-5 {
padding-bottom:3rem!important}
.ps-xl-0 {
padding-left:0!important}
.ps-xl-1 {
padding-left:.25rem!important}
.ps-xl-2 {
padding-left:.5rem!important}
.ps-xl-3 {
padding-left:1rem!important}
.ps-xl-4 {
padding-left:1.5rem!important}
.ps-xl-5 {
padding-left:3rem!important}
.gap-xl-0 {
gap:0!important}
.gap-xl-1 {
gap:.25rem!important}
.gap-xl-2 {
gap:.5rem!important}
.gap-xl-3 {
gap:1rem!important}
.gap-xl-4 {
gap:1.5rem!important}
.gap-xl-5 {
gap:3rem!important}
.row-gap-xl-0 {
row-gap:0!important}
.row-gap-xl-1 {
row-gap:.25rem!important}
.row-gap-xl-2 {
row-gap:.5rem!important}
.row-gap-xl-3 {
row-gap:1rem!important}
.row-gap-xl-4 {
row-gap:1.5rem!important}
.row-gap-xl-5 {
row-gap:3rem!important}
.column-gap-xl-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-xl-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-xl-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-xl-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-xl-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-xl-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.text-xl-start {
text-align:left!important}
.text-xl-end {
text-align:right!important}
.text-xl-center {
text-align:center!important}
}
@media (min-width:1400px) {
.float-xxl-start {
float:left!important}
.float-xxl-end {
float:right!important}
.float-xxl-none {
float:none!important}
.object-fit-xxl-contain {
-o-object-fit:contain!important;
object-fit:contain!important}
.object-fit-xxl-cover {
-o-object-fit:cover!important;
object-fit:cover!important}
.object-fit-xxl-fill {
-o-object-fit:fill!important;
object-fit:fill!important}
.object-fit-xxl-scale {
-o-object-fit:scale-down!important;
object-fit:scale-down!important}
.object-fit-xxl-none {
-o-object-fit:none!important;
object-fit:none!important}
.d-xxl-inline {
display:inline!important}
.d-xxl-inline-block {
display:inline-block!important}
.d-xxl-block {
display:block!important}
.d-xxl-grid {
display:grid!important}
.d-xxl-inline-grid {
display:inline-grid!important}
.d-xxl-table {
display:table!important}
.d-xxl-table-row {
display:table-row!important}
.d-xxl-table-cell {
display:table-cell!important}
.d-xxl-flex {
display:flex!important}
.d-xxl-inline-flex {
display:inline-flex!important}
.d-xxl-none {
display:none!important}
.flex-xxl-fill {
flex:1 1 auto!important}
.flex-xxl-row {
flex-direction:row!important}
.flex-xxl-column {
flex-direction:column!important}
.flex-xxl-row-reverse {
flex-direction:row-reverse!important}
.flex-xxl-column-reverse {
flex-direction:column-reverse!important}
.flex-xxl-grow-0 {
flex-grow:0!important}
.flex-xxl-grow-1 {
flex-grow:1!important}
.flex-xxl-shrink-0 {
flex-shrink:0!important}
.flex-xxl-shrink-1 {
flex-shrink:1!important}
.flex-xxl-wrap {
flex-wrap:wrap!important}
.flex-xxl-nowrap {
flex-wrap:nowrap!important}
.flex-xxl-wrap-reverse {
flex-wrap:wrap-reverse!important}
.justify-content-xxl-start {
justify-content:flex-start!important}
.justify-content-xxl-end {
justify-content:flex-end!important}
.justify-content-xxl-center {
justify-content:center!important}
.justify-content-xxl-between {
justify-content:space-between!important}
.justify-content-xxl-around {
justify-content:space-around!important}
.justify-content-xxl-evenly {
justify-content:space-evenly!important}
.align-items-xxl-start {
align-items:flex-start!important}
.align-items-xxl-end {
align-items:flex-end!important}
.align-items-xxl-center {
align-items:center!important}
.align-items-xxl-baseline {
align-items:baseline!important}
.align-items-xxl-stretch {
align-items:stretch!important}
.align-content-xxl-start {
align-content:flex-start!important}
.align-content-xxl-end {
align-content:flex-end!important}
.align-content-xxl-center {
align-content:center!important}
.align-content-xxl-between {
align-content:space-between!important}
.align-content-xxl-around {
align-content:space-around!important}
.align-content-xxl-stretch {
align-content:stretch!important}
.align-self-xxl-auto {
align-self:auto!important}
.align-self-xxl-start {
align-self:flex-start!important}
.align-self-xxl-end {
align-self:flex-end!important}
.align-self-xxl-center {
align-self:center!important}
.align-self-xxl-baseline {
align-self:baseline!important}
.align-self-xxl-stretch {
align-self:stretch!important}
.order-xxl-first {
order:-1!important}
.order-xxl-0 {
order:0!important}
.order-xxl-1 {
order:1!important}
.order-xxl-2 {
order:2!important}
.order-xxl-3 {
order:3!important}
.order-xxl-4 {
order:4!important}
.order-xxl-5 {
order:5!important}
.order-xxl-last {
order:6!important}
.m-xxl-0 {
margin:0!important}
.m-xxl-1 {
margin:.25rem!important}
.m-xxl-2 {
margin:.5rem!important}
.m-xxl-3 {
margin:1rem!important}
.m-xxl-4 {
margin:1.5rem!important}
.m-xxl-5 {
margin:3rem!important}
.m-xxl-auto {
margin:auto!important}
.mx-xxl-0 {
margin-right:0!important;
margin-left:0!important}
.mx-xxl-1 {
margin-right:.25rem!important;
margin-left:.25rem!important}
.mx-xxl-2 {
margin-right:.5rem!important;
margin-left:.5rem!important}
.mx-xxl-3 {
margin-right:1rem!important;
margin-left:1rem!important}
.mx-xxl-4 {
margin-right:1.5rem!important;
margin-left:1.5rem!important}
.mx-xxl-5 {
margin-right:3rem!important;
margin-left:3rem!important}
.mx-xxl-auto {
margin-right:auto!important;
margin-left:auto!important}
.my-xxl-0 {
margin-top:0!important;
margin-bottom:0!important}
.my-xxl-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important}
.my-xxl-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important}
.my-xxl-3 {
margin-top:1rem!important;
margin-bottom:1rem!important}
.my-xxl-4 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important}
.my-xxl-5 {
margin-top:3rem!important;
margin-bottom:3rem!important}
.my-xxl-auto {
margin-top:auto!important;
margin-bottom:auto!important}
.mt-xxl-0 {
margin-top:0!important}
.mt-xxl-1 {
margin-top:.25rem!important}
.mt-xxl-2 {
margin-top:.5rem!important}
.mt-xxl-3 {
margin-top:1rem!important}
.mt-xxl-4 {
margin-top:1.5rem!important}
.mt-xxl-5 {
margin-top:3rem!important}
.mt-xxl-auto {
margin-top:auto!important}
.me-xxl-0 {
margin-right:0!important}
.me-xxl-1 {
margin-right:.25rem!important}
.me-xxl-2 {
margin-right:.5rem!important}
.me-xxl-3 {
margin-right:1rem!important}
.me-xxl-4 {
margin-right:1.5rem!important}
.me-xxl-5 {
margin-right:3rem!important}
.me-xxl-auto {
margin-right:auto!important}
.mb-xxl-0 {
margin-bottom:0!important}
.mb-xxl-1 {
margin-bottom:.25rem!important}
.mb-xxl-2 {
margin-bottom:.5rem!important}
.mb-xxl-3 {
margin-bottom:1rem!important}
.mb-xxl-4 {
margin-bottom:1.5rem!important}
.mb-xxl-5 {
margin-bottom:3rem!important}
.mb-xxl-auto {
margin-bottom:auto!important}
.ms-xxl-0 {
margin-left:0!important}
.ms-xxl-1 {
margin-left:.25rem!important}
.ms-xxl-2 {
margin-left:.5rem!important}
.ms-xxl-3 {
margin-left:1rem!important}
.ms-xxl-4 {
margin-left:1.5rem!important}
.ms-xxl-5 {
margin-left:3rem!important}
.ms-xxl-auto {
margin-left:auto!important}
.p-xxl-0 {
padding:0!important}
.p-xxl-1 {
padding:.25rem!important}
.p-xxl-2 {
padding:.5rem!important}
.p-xxl-3 {
padding:1rem!important}
.p-xxl-4 {
padding:1.5rem!important}
.p-xxl-5 {
padding:3rem!important}
.px-xxl-0 {
padding-right:0!important;
padding-left:0!important}
.px-xxl-1 {
padding-right:.25rem!important;
padding-left:.25rem!important}
.px-xxl-2 {
padding-right:.5rem!important;
padding-left:.5rem!important}
.px-xxl-3 {
padding-right:1rem!important;
padding-left:1rem!important}
.px-xxl-4 {
padding-right:1.5rem!important;
padding-left:1.5rem!important}
.px-xxl-5 {
padding-right:3rem!important;
padding-left:3rem!important}
.py-xxl-0 {
padding-top:0!important;
padding-bottom:0!important}
.py-xxl-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important}
.py-xxl-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important}
.py-xxl-3 {
padding-top:1rem!important;
padding-bottom:1rem!important}
.py-xxl-4 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important}
.py-xxl-5 {
padding-top:3rem!important;
padding-bottom:3rem!important}
.pt-xxl-0 {
padding-top:0!important}
.pt-xxl-1 {
padding-top:.25rem!important}
.pt-xxl-2 {
padding-top:.5rem!important}
.pt-xxl-3 {
padding-top:1rem!important}
.pt-xxl-4 {
padding-top:1.5rem!important}
.pt-xxl-5 {
padding-top:3rem!important}
.pe-xxl-0 {
padding-right:0!important}
.pe-xxl-1 {
padding-right:.25rem!important}
.pe-xxl-2 {
padding-right:.5rem!important}
.pe-xxl-3 {
padding-right:1rem!important}
.pe-xxl-4 {
padding-right:1.5rem!important}
.pe-xxl-5 {
padding-right:3rem!important}
.pb-xxl-0 {
padding-bottom:0!important}
.pb-xxl-1 {
padding-bottom:.25rem!important}
.pb-xxl-2 {
padding-bottom:.5rem!important}
.pb-xxl-3 {
padding-bottom:1rem!important}
.pb-xxl-4 {
padding-bottom:1.5rem!important}
.pb-xxl-5 {
padding-bottom:3rem!important}
.ps-xxl-0 {
padding-left:0!important}
.ps-xxl-1 {
padding-left:.25rem!important}
.ps-xxl-2 {
padding-left:.5rem!important}
.ps-xxl-3 {
padding-left:1rem!important}
.ps-xxl-4 {
padding-left:1.5rem!important}
.ps-xxl-5 {
padding-left:3rem!important}
.gap-xxl-0 {
gap:0!important}
.gap-xxl-1 {
gap:.25rem!important}
.gap-xxl-2 {
gap:.5rem!important}
.gap-xxl-3 {
gap:1rem!important}
.gap-xxl-4 {
gap:1.5rem!important}
.gap-xxl-5 {
gap:3rem!important}
.row-gap-xxl-0 {
row-gap:0!important}
.row-gap-xxl-1 {
row-gap:.25rem!important}
.row-gap-xxl-2 {
row-gap:.5rem!important}
.row-gap-xxl-3 {
row-gap:1rem!important}
.row-gap-xxl-4 {
row-gap:1.5rem!important}
.row-gap-xxl-5 {
row-gap:3rem!important}
.column-gap-xxl-0 {
-moz-column-gap:0!important;
column-gap:0!important}
.column-gap-xxl-1 {
-moz-column-gap:0.25rem!important;
column-gap:.25rem!important}
.column-gap-xxl-2 {
-moz-column-gap:0.5rem!important;
column-gap:.5rem!important}
.column-gap-xxl-3 {
-moz-column-gap:1rem!important;
column-gap:1rem!important}
.column-gap-xxl-4 {
-moz-column-gap:1.5rem!important;
column-gap:1.5rem!important}
.column-gap-xxl-5 {
-moz-column-gap:3rem!important;
column-gap:3rem!important}
.text-xxl-start {
text-align:left!important}
.text-xxl-end {
text-align:right!important}
.text-xxl-center {
text-align:center!important}
}
@media (min-width:1200px) {
.fs-1 {
font-size:2.5rem!important}
.fs-2 {
font-size:2rem!important}
.fs-3 {
font-size:1.75rem!important}
.fs-4 {
font-size:1.5rem!important}
}
@media print {
.d-print-inline {
display:inline!important}
.d-print-inline-block {
display:inline-block!important}
.d-print-block {
display:block!important}
.d-print-grid {
display:grid!important}
.d-print-inline-grid {
display:inline-grid!important}
.d-print-table {
display:table!important}
.d-print-table-row {
display:table-row!important}
.d-print-table-cell {
display:table-cell!important}
.d-print-flex {
display:flex!important}
.d-print-inline-flex {
display:inline-flex!important}
.d-print-none {
display:none!important}
}


picture {
background:#FFF}
picture img {
image-rendering:auto;
image-orientation:none}
picture img[loading=lazy] {
background:#FFF}
@font-face {
font-family:SF-Pro-Display;
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.eot);
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.eot?#iefix) format("embedded-opentype"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.svg#SF-Pro-Display) format("svg"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.woff2) format("woff2"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.woff) format("woff"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-light.ttf) format("truetype");
font-weight:300;
font-style:normal;
font-display:swap;
unicode-range:U+0301,U+0400045F,U+04900491,U+04B004B1,U+2116}
@font-face {
font-family:SF-Pro-Display;
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.eot);
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.eot?#iefix) format("embedded-opentype"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.svg#SF-Pro-Display) format("svg"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.woff2) format("woff2"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.woff) format("woff"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-regular.ttf) format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
unicode-range:U+0301,U+0400045F,U+04900491,U+04B004B1,U+2116}
@font-face {
font-family:SF-Pro-Display;
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.eot);
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.eot?#iefix) format("embedded-opentype"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.svg#SF-Pro-Display) format("svg"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.woff2) format("woff2"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.woff) format("woff"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-medium.ttf) format("truetype");
font-weight:500;
font-style:normal;
font-display:swap;
unicode-range:U+0301,U+0400045F,U+04900491,U+04B004B1,U+2116}
@font-face {
font-family:SF-Pro-Display;
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.eot);
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.eot?#iefix) format("embedded-opentype"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.svg#SF-Pro-Display) format("svg"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.woff2) format("woff2"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.woff) format("woff"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-bold.ttf) format("truetype");
font-weight:700;
font-style:normal;
font-display:swap;
unicode-range:U+0301,U+0400045F,U+04900491,U+04B004B1,U+2116}
@font-face {
font-family:SF-Pro-Display;
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.eot);
src:url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.eot?#iefix) format("embedded-opentype"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.svg#SF-Pro-Display) format("svg"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.woff2) format("woff2"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.woff) format("woff"),url(https://adanatgroup.ru/_assets/adanat/fonts/sf-pro-display-black.ttf) format("truetype");
font-weight:900;
font-style:normal;
font-display:swap;
unicode-range:U+0301,U+0400045F,U+04900491,U+04B004B1,U+2116}
body {
font-family:SF-Pro-Display;
font-weight:400;
font-size:16px;
line-height:1em;
-webkit-font-smoothing:antialiased;
-webkit-backface-visibility:hidden;
-webkit-text-stroke:.01px;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent;
-moz-osx-font-smoothing:grayscale;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
text-rendering:optimizeLegibility;
font-smoothing:antialiased;
text-stroke:.01px}

@charset "UTF-8";
picture {
background:#FFF}
picture img {
image-rendering:auto;
image-orientation:none}
picture img[loading=lazy] {
background:#FFF}
.cartGood,.cartGood *,.swiper,.swiper * {
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none}
html {
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
html::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
html::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
html::-webkit-scrollbar-thumb:active {
background-color:#999}
html::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
html.iziModal-isOverflow body>.adanat header.header {
position:fixed;
top:0}
html.iziModal-isOverflow body>.adanat main.main {
padding-top:66px}
html:not(.iziModal-isOverflow) {
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
html:not(.iziModal-isOverflow)::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
html:not(.iziModal-isOverflow)::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
html:not(.iziModal-isOverflow)::-webkit-scrollbar-thumb:active {
background-color:#999}
html:not(.iziModal-isOverflow)::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
html:not(.iziModal-isOverflow) body>.adanat {
margin:0 auto}
html:not(.iziModal-isOverflow) body>.adanat header.header {
position:sticky!important;
top:0}
html:not(.iziModal-isOverflow) body>.adanat main.main {
padding-top:0;
display:flex;
flex-direction:column;
flex:1}
body {
padding:0;
max-width:100%}
body>.adanat {
display:flex;
flex-direction:column;
min-height:100vh}
body>.adanat header.header {
background:#FFF;
z-index:95}
body>.adanat header.header .cart,body>.adanat header.header .menu,body>.adanat header.header .search,body>.adanat header.header .user {
height:40px}
body>.adanat header.header .cart button,body>.adanat header.header .menu button,body>.adanat header.header .search button,body>.adanat header.header .user button {
border:0;
padding:0;
margin:0;
background:0 0;
width:40px;
height:40px}
body>.adanat header.header .cart button figure,body>.adanat header.header .menu button figure,body>.adanat header.header .search button figure,body>.adanat header.header .user button figure {
display:block;
width:40px;
height:40px;
padding:8px}
body>.adanat header.header .cart button figure svg,body>.adanat header.header .menu button figure svg,body>.adanat header.header .search button figure svg,body>.adanat header.header .user button figure svg {
width:24px;
height:24px;
float:left}
body>.adanat header.header .cart button figure svg path,body>.adanat header.header .cart button figure svg use,body>.adanat header.header .menu button figure svg path,body>.adanat header.header .menu button figure svg use,body>.adanat header.header .search button figure svg path,body>.adanat header.header .search button figure svg use,body>.adanat header.header .user button figure svg path,body>.adanat header.header .user button figure svg use {
transition:stroke .2s linear 0s}
body>.adanat header.header .cart button:hover figure svg path,body>.adanat header.header .cart button:hover figure svg use,body>.adanat header.header .menu button:hover figure svg path,body>.adanat header.header .menu button:hover figure svg use,body>.adanat header.header .search button:hover figure svg path,body>.adanat header.header .search button:hover figure svg use,body>.adanat header.header .user button:hover figure svg path,body>.adanat header.header .user button:hover figure svg use {
stroke:#0aad4b}
body>.adanat header.header .search,body>.adanat header.header .user {
max-width:55px;
padding-right:0;
text-align:center}
body>.adanat header.header .cart {
max-width:55px;
padding-left:0;
text-align:center}
body>.adanat header.header .cart button {
position:relative}
body>.adanat header.header .cart button span.count {
display:block;
background:#0aad4b;
font-size:10px;
width:16px;
height:16px;
line-height:16px;
text-align:center;
border-radius:50%;
color:#FFF;
position:absolute;
top:2px;
right:2px}
body>.adanat header.header .hamburger {
max-width:55px;
padding-left:0}
body>.adanat header.header .hamburger button {
position:relative}
body>.adanat main.main {
flex-grow:1;
flex:1}
body>.adanat footer.footer {
background:#FFF;
border:1px solid #dce4e7;
border-style:solid none none}
.alert-danger {
color:#000;
font-size:13px;
line-height:16px}
.alert-danger.fade {
opacity:1!important}
figure,picture {
padding:0;
margin:0;
outline:0;
max-width:100%;
max-height:100%}
figure img,figure svg,picture img,picture svg {
object-position:center center}
img[loading=lazy] {
display:block;
width:100%;
height:100%;
line-height:100%;
color:transparent;
background:url(/_assets/adanat/svg/ajax_loader_green.svg) center center no-repeat #eee;
background-size:60px 60px;
object-fit:contain}
svg.icon {
margin:0;
padding:0}
svg.icon:not(.whatsapp,.telegram) {
max-width:20px;
max-height:20px}
svg.icon:not(.whatsapp,.telegram) path,svg.icon:not(.whatsapp,.telegram) use {
fill:transparent;
fill-opacity:1;
stroke:#737373;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.5px;
transition:stroke .2s linear 0s,stroke-width .2s linear 0s}
svg.icon:not(.whatsapp,.telegram).white path,svg.icon:not(.whatsapp,.telegram).white use {
stroke:#FFF}
svg.icon:not(.whatsapp,.telegram).fill path,svg.icon:not(.whatsapp,.telegram).fill use {
transition:fill .2s linear 0s}
svg.icon.search {
max-width:24px;
max-height:24px}
svg.icon.search path,svg.icon.search use {
stroke:#000}
svg.icon.user {
max-width:20px;
max-height:20px}
svg.icon.user path,svg.icon.user use {
stroke:#000;
stroke-width:1.6px}
svg.icon.cart {
max-width:20px;
max-height:20px}
svg.icon.cart path,svg.icon.cart use {
stroke:#000}
svg.icon.menu {
max-width:20px;
max-height:20px}
svg.icon.menu path,svg.icon.menu use {
stroke:#000}
svg.icon+span.count {
font-weight:300;
position:absolute;
padding:0;
font-size:9px;
line-height:15px;
text-align:center;
color:#FFF;
background:#0aad4b;
border-radius:50%;
width:15px;
height:15px;
top:-2px;
right:-10px}
header button.active figure svg.icon path,header button.active figure svg.icon use {
stroke:#0aad4b!important}
svg.adanat {
aspect-ratio:2.7;
width:108px;
height:40px}
form+.suggestions {
position:relative;
width:100%;
height:0}
form+.suggestions .searchSuggestions {
min-width:100%!important;
background:#FFF;
padding:30px;
margin-left:-15px;
margin-right:-15px;
border-radius:0 0 15px 15px;
gap:30px 0;
-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,.2);
-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,.2);
box-shadow:0 7px 10px -5px rgba(0,0,0,.2)}
form+.suggestions .searchSuggestions .list {
display:flex;
flex-direction:column;
gap:10px 15px}
form+.suggestions .searchSuggestions .list a {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
height:90px;
line-height:90px;
text-decoration:none;
gap:0 15px}
form+.suggestions .searchSuggestions .list a picture {
width:90px;
height:90px;
background:#FFF;
overflow:hidden}
form+.suggestions .searchSuggestions .list a picture img {
max-width:90px;
max-height:90px;
background:#FFF;
object-fit:container;
object-position:center center;
transform:scale(1);
transition:transform .2s linear 0s}
form+.suggestions .searchSuggestions .list a span {
display:flex;
flex-direction:column;
gap:10px 0}
form+.suggestions .searchSuggestions .list a span strong {
font-size:20px;
line-height:22px;
font-weight:400;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
form+.suggestions .searchSuggestions .list a span i {
font-size:14px;
line-height:16px;
font-style:normal;
font-weight:400;
color:#606060}
form+.suggestions .searchSuggestions .list a:hover {
text-decoration:none}
form+.suggestions .searchSuggestions .list a:hover picture img {
transform:scale(1.05)}
form+.suggestions .searchSuggestions .list a:hover span strong {
text-decoration-color:#0aad4b;
color:#0aad4b}
form+.suggestions .searchSuggestions .list a:hover i {
color:#606060}
form+.suggestions .searchSuggestions .more {
width:100%;
height:30px;
line-height:30px;
text-align:center}
form+.suggestions .searchSuggestions .more a {
color:#0aad4b;
font-size:16px;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
form+.suggestions .searchSuggestions .more a:hover {
color:#000;
text-decoration-color:#000}
#breadcrumbs {
padding:0}
#breadcrumbs .row {
padding:0;
margin:0}
#breadcrumbs nav {
padding:15px 0}
#breadcrumbs nav ul {
list-style-type:none;
padding:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin:0;
gap:10px 5px;
font-size:14px;
line-height:20px}
#breadcrumbs nav ul li a {
color:#737373;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
#breadcrumbs nav ul li a:hover {
text-decoration-color:#000;
color:#000}
#breadcrumbs nav ul li a.current,#breadcrumbs nav ul li a.current:hover {
color:#000;
text-decoration:none;
cursor:text}
#breadcrumbs nav ul li a.current span[itemprop=name],#breadcrumbs nav ul li a.current:hover span[itemprop=name] {
display:inline-block}
#breadcrumbs nav ul li a.current span[itemprop=name]:first-letter,#breadcrumbs nav ul li a.current:hover span[itemprop=name]:first-letter {
text-transform:uppercase!important}
#breadcrumbs nav ul li.sep {
text-align:center}
#breadcrumbs nav ul li.sep figure {
height:20px;
padding:0;
width:15px}
#breadcrumbs nav ul li.sep figure svg {
width:10px;
height:10px}
#breadcrumbs nav ul li.sep figure svg path,#breadcrumbs nav ul li.sep figure svg use {
stroke:#737373;
stroke-width:2px}
#breadcrumbs nav ul li.current {
color:#000}
nav ul.pagination {
margin:30px 0}
nav ul.pagination li.page-item {
outline:0!important;
box-shadow:none!important}
nav ul.pagination li.page-item:first-child,nav ul.pagination li.page-item:first-child>* {
border-radius:5px 0 0 5px}
nav ul.pagination li.page-item:last-child {
border-radius:0 5px 5px 0}
nav ul.pagination li.page-item:last-child>* {
border-radius:0 5px 5px 0}
nav ul.pagination li.page-item .page-link {
padding:10px 15px;
font-size:15px;
color:#000;
outline:0!important;
box-shadow:none!important}
nav ul.pagination li.page-item a {
transition:color .2s linear 0s,background-color .2s linear 0s,border-color .2s linear 0s}
nav ul.pagination li.page-item a:focus,nav ul.pagination li.page-item a:hover {
background:#737373;
color:#FFF;
border-color:#737373;
outline:0}
nav ul.pagination li.page-item.active,nav ul.pagination li.page-item.active span {
color:#FFF;
background:#0aad4b;
border-color:#0aad4b}
#modal[data-type=nav] {
padding:0 15px}
#modal[data-type=nav] .logo {
width:138px;
max-width:138px;
height:40px}
#modal[data-type=nav] .logo a {
display:block;
width:108px;
height:40px}
#modal[data-type=nav] .logo a figure {
width:108px;
height:40px}
#modal[data-type=nav] .logo a figure svg {
width:108px;
height:40px;
float:left}
#modal[data-type=nav] .col.menu {
padding:30px 0}
#modal[data-type=nav] .col.menu nav ul.nav {
display:flex;
flex-direction:column;
width:100%}
#modal[data-type=nav] .col.menu nav ul.nav li {
border:1px solid #CCC;
border-style:none none solid}
#modal[data-type=nav] .col.menu nav ul.nav li a.nav-link {
font-size:14px;
line-height:16px;
font-weight:500;
color:#000;
text-decoration:none}
@media screen and (max-width:calc(576px - 0.01px)) {
html.iziModal-isOverflow body .adanat header.header {
position:fixed;
top:0;
min-width:100%;
width:100%;
max-width:100%}
html.iziModal-isOverflow body .adanat header.header>.container {
padding:13px 15px}
html.iziModal-isOverflow body .adanat main.main {
padding-top:66px}
#breadcrumbs {
padding:0 14px}
#breadcrumbs .row {
padding:0;
margin:0}
form+.suggestions .searchSuggestions {
height:calc(100vh - 100px);
padding:15px}
form+.suggestions .searchSuggestions .list {
flex-direction:column;
max-height:90%;
overflow-y:scroll}
form+.suggestions .searchSuggestions .more {
margin-top:15px}
header.header {
height:66px}
header.header .container {
height:66px;
line-height:40px;
padding:13px 15px;
font-size:14px;
font-weight:500;
position:fixed;
top:0;
width:100%;
background:#FFF}
header.header .container .row {
height:40px;
line-height:40px}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row .nav {
flex-grow:1;
height:40px;
padding:0}
header.header .container .row .nav nav {
width:100%;
height:40px}
header.header .container .row .nav a.nav-link {
height:40px;
line-height:40px;
padding:0 10px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
header.header .container .row .nav a.nav-link:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row .nav a.nav-link.active {
color:#0aad4b}
header.header .container .row .email {
display:none!important;
max-width:55px;
height:40px;
padding:0 0 0 15px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
display:none!important;
height:40px;
max-width:40px;
padding:0;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .search {
padding:0;
max-width:45px;
margin-left:auto;
text-align:center}
header.header .container .row .cart,header.header .container .row .menu,header.header .container .row .user {
padding:0;
max-width:45px;
text-align:center}
footer.footer {
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0;
gap:30px 30px}
footer.footer .container .row {
flex-direction:column;
padding:0 15px;
margin:0;
gap:15px 0}
footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
max-width:108px}
footer.footer .nav {
display:flex;
flex-direction:column}
footer.footer .nav nav {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:15px 0}
footer.footer .nav nav ul li a {
padding:5px 0;
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:320px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:rgba(0,0,0,.5);
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights,footer.footer .docs {
width:100%}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights p,footer.footer .docs p {
text-align:left}
}
@media screen and (min-width:576px) and (max-width:calc(768px - 0.01px)) {
html.iziModal-isOverflow body .adanat header.header {
position:fixed;
top:0;
min-width:99%;
width:99%;
max-width:99%;
padding-left:10px}
html.iziModal-isOverflow body .adanat main.main {
padding-top:66px}
form+.suggestions .searchSuggestions {
height:calc(100vh - 100px);
padding:15px 5px 15px 15px}
form+.suggestions .searchSuggestions .list {
flex-direction:column;
overflow-y:scroll;
max-height:90%;
padding-right:10px}
form+.suggestions .searchSuggestions .more {
margin-top:15px}
header.header {
height:66px}
header.header .container {
height:66px;
line-height:40px;
padding:13px 15px;
font-size:14px;
font-weight:500;
position:fixed;
top:0;
min-width:100%;
width:100%;
background:#FFF}
header.header .container .row {
height:40px;
line-height:40px}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row .nav {
flex-grow:1;
height:40px;
padding:0}
header.header .container .row .nav nav {
width:100%;
height:40px}
header.header .container .row .nav a.nav-link {
height:40px;
line-height:40px;
padding:0 10px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
header.header .container .row .nav a.nav-link:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row .nav a.nav-link.active {
color:#0aad4b}
header.header .container .row .email {
display:none!important;
max-width:55px;
height:40px;
padding:0 0 0 15px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
display:none!important;
height:40px;
max-width:40px;
padding:0;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .search {
padding:0;
max-width:60px;
margin-left:auto;
text-align:center}
header.header .container .row .cart,header.header .container .row .menu,header.header .container .row .user {
padding:0;
max-width:60px;
text-align:center}
footer.footer {
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0;
gap:30px 30px}
footer.footer .container .row {
flex-direction:column;
gap:30px 0;
padding:0;
margin:0}
footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
max-width:108px}
footer.footer .nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap}
footer.footer .nav nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
gap:0 60px}
footer.footer .nav nav ul li a {
padding:5px 0;
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:320px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights,footer.footer .docs {
width:100%}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights p,footer.footer .docs p {
text-align:left}
}
@media screen and (min-width:768px) and (max-width:calc(992px - 0.01px)) {
html.iziModal-isOverflow body .adanat header.header {
position:fixed;
top:0;
min-width:99%;
width:99%;
max-width:99%;
padding-left:10px}
html.iziModal-isOverflow body .adanat main.main {
padding-top:66px}
form+.suggestions .searchSuggestions {
height:calc(100vh - 100px);
padding:15px 5px 15px 15px}
form+.suggestions .searchSuggestions .list {
flex-direction:row;
flex-wrap:wrap;
overflow-y:scroll;
max-height:90%;
padding-right:10px;
gap:15px 15px}
form+.suggestions .searchSuggestions .list a {
width:calc((100% - 15px) / 2)}
form+.suggestions .searchSuggestions .more {
margin-top:15px}
header.header .container {
height:66px;
line-height:40px;
padding:13px 0;
font-size:14px;
font-weight:500}
header.header .container .row {
height:40px;
line-height:40px}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row .nav {
flex-grow:1;
height:40px;
padding:0}
header.header .container .row .nav nav {
width:100%;
height:40px}
header.header .container .row .nav a.nav-link {
height:40px;
line-height:40px;
padding:0 10px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
header.header .container .row .nav a.nav-link:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row .nav a.nav-link.active {
color:#0aad4b}
header.header .container .row .email {
display:none!important;
max-width:55px;
height:40px;
padding:0 0 0 15px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
display:none!important;
height:40px;
max-width:40px;
padding:0;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .search {
padding:0;
max-width:60px;
margin-left:auto;
text-align:center}
header.header .container .row .cart,header.header .container .row .menu,header.header .container .row .user {
padding:0;
max-width:60px;
text-align:center}
footer.footer {
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0;
gap:30px 30px}
footer.footer .container .row {
flex-wrap:wrap;
padding:0;
margin:0;
gap:15px 30px}
footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
min-width:100%}
footer.footer .nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex:1}
footer.footer .nav nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:flex-start;
gap:0 30px}
footer.footer .nav nav ul li a {
padding:5px 0;
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:240px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights {
max-width:150px}
footer.footer .copyrights p {
text-align:left}
footer.footer .docs {
flex:1}
footer.footer .docs p {
text-align:right;
padding-right:5px}
}
@media screen and (min-width:992px) and (max-width:calc(1200px - 0.01px)) {
html.iziModal-isOverflow body .adanat header.header {
position:fixed;
top:0;
min-width:99%;
width:99%;
max-width:99%;
padding-left:10px}
html.iziModal-isOverflow body .adanat main.main {
padding-top:66px}
form+.suggestions .searchSuggestions {
height:calc(100vh - 100px);
padding:30px 10px 30px 30px}
form+.suggestions .searchSuggestions .list {
flex-direction:row;
flex-wrap:wrap;
overflow-y:scroll;
max-height:90%;
padding-right:20px;
gap:20px 20px}
form+.suggestions .searchSuggestions .list a {
width:calc((100% - 20px) / 2)}
form+.suggestions .searchSuggestions .more {
margin-top:15px}
header.header .container {
height:66px;
line-height:40px;
padding:13px 0;
font-size:14px;
font-weight:500}
header.header .container .row {
height:40px;
line-height:40px}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row nav {
flex:1;
height:40px;
padding:0 5px}
header.header .container .row nav ul.nav {
width:100%;
height:40px;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link {
font-size:13px;
height:40px;
line-height:40px;
padding:0 10px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link span {
flex:1}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure {
width:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg {
max-width:10px;
max-height:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg use {
stroke:#000;
stroke-width:3px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link:hover {
color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current figure svg use {
stroke:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange] {
color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange]:hover {
color:#FFF;
background:#ff7300;
text-decoration-color:transparent}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange].current {
color:#ff7300;
text-decoration-color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] {
background:#0aad4b;
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] span {
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] figure svg use {
stroke:#FFF}
header.header .container .row nav .submenu {
display:block;
width:100%;
background:linear-gradient(180deg,#fafafa 0,#cacaca 75%);
padding:0 1px 1px;
box-sizing:border-box;
border-radius:0 0 15px 15px}
header.header .container .row nav .submenu ul.sub {
background:#FFF;
padding:10px 15px 15px 5px;
border-radius:0 0 15px 15px;
list-style-type:none;
margin:0;
display:flex;
flex-direction:column;
gap:5px 0}
header.header .container .row nav .submenu ul.sub li.sub-nav-item {
height:35px;
line-height:35px}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link {
font-size:13px;
display:block;
width:100%;
padding:0 0 0 10px;
text-decoration:none;
color:#000;
min-height:35px;
line-height:35px;
border:2px solid transparent;
border-style:none none none solid;
transition:border-color .15s linear 0s,color .15s linear 0s}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link:hover {
border-color:#0aad4b;
color:#0aad4b;
text-decoration:none}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current,header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current:hover {
border-color:#000;
color:#000;
text-decoration:none}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] {
position:relative}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] .submenu {
position:absolute;
margin-top:-15px;
opacity:0;
visibility:hidden;
transition:margin .15s linear 0s,opacity .15s linear 0s,visibility .15s linear 0s}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent]:hover .submenu {
margin-top:0;
opacity:1;
visibility:visible}
header.header .container .row .email {
display:none!important;
max-width:55px;
height:40px;
padding:0 0 0 15px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
display:none!important;
height:40px;
max-width:40px;
padding:0;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .search,header.header .container .row .user {
padding:0;
max-width:40px}
footer.footer {
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0;
gap:30px 30px}
footer.footer .container .row {
flex-wrap:wrap;
padding:0;
margin:0;
gap:15px 30px}
footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
min-width:100%}
footer.footer .nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex:1}
footer.footer .nav nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:flex-start;
gap:0 60px}
footer.footer .nav nav ul li a {
padding:5px 0;
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:300px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights {
max-width:150px}
footer.footer .copyrights p {
text-align:left}
footer.footer .docs {
flex:1}
footer.footer .docs p {
text-align:right;
padding-right:5px}
}
@media screen and (min-width:1200px) and (max-width:calc(1500px - 0.01px)) {
html.iziModal-isOverflow body .adanat header.header {
position:fixed;
top:0;
min-width:99%;
width:99%;
max-width:99%;
padding-left:10px}
html.iziModal-isOverflow body .adanat main.main {
padding-top:66px}
form+.suggestions .searchSuggestions .list {
flex-direction:row;
flex-wrap:wrap}
form+.suggestions .searchSuggestions .list a {
width:calc((100% - 15px) / 2)}
header.header .container {
height:66px;
line-height:40px;
padding:13px 0;
font-size:14px;
font-weight:500}
header.header .container .row {
height:40px;
line-height:40px}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row nav {
flex:1;
height:40px;
padding:0 5px}
header.header .container .row nav ul.nav {
width:100%;
height:40px;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link {
font-size:13px;
height:40px;
line-height:40px;
padding:0 10px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link span {
flex:1}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure {
width:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg {
max-width:10px;
max-height:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg use {
stroke:#000;
stroke-width:3px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link:hover {
color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current figure svg use {
stroke:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange] {
color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange]:hover {
color:#FFF;
background:#ff7300;
text-decoration-color:transparent}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange].current {
color:#ff7300;
text-decoration-color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] {
background:#0aad4b;
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] span {
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] figure svg use {
stroke:#FFF}
header.header .container .row nav .submenu {
display:block;
width:100%;
background:linear-gradient(180deg,#fafafa 0,#cacaca 75%);
padding:0 1px 1px;
box-sizing:border-box;
border-radius:0 0 15px 15px}
header.header .container .row nav .submenu ul.sub {
background:#FFF;
padding:10px 15px 15px 5px;
border-radius:0 0 15px 15px;
list-style-type:none;
margin:0;
display:flex;
flex-direction:column;
gap:5px 0}
header.header .container .row nav .submenu ul.sub li.sub-nav-item {
height:35px;
line-height:35px}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link {
font-size:13px;
display:block;
width:100%;
padding:0 0 0 10px;
text-decoration:none;
color:#000;
min-height:35px;
line-height:35px;
border:2px solid transparent;
border-style:none none none solid;
transition:border-color .15s linear 0s,color .15s linear 0s}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link:hover {
border-color:#0aad4b;
color:#0aad4b;
text-decoration:none}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current,header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current:hover {
border-color:#000;
color:#000;
text-decoration:none}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] {
position:relative}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] .submenu {
position:absolute;
margin-top:-15px;
opacity:0;
visibility:hidden;
transition:margin .15s linear 0s,opacity .15s linear 0s,visibility .15s linear 0s}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent]:hover .submenu {
margin-top:0;
opacity:1;
visibility:visible}
header.header .container .row .email {
max-width:180px;
height:40px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
height:40px;
max-width:170px;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .cart,header.header .container .row .search,header.header .container .row .user {
padding:0}
footer.footer {
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0;
gap:30px 30px}
footer.footer .container .row,footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
max-width:108px}
footer.footer .nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center}
footer.footer .nav nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
gap:0 60px}
footer.footer .nav nav ul li a {
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:320px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights,footer.footer .docs {
width:50%}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights p {
text-align:left}
footer.footer .docs p {
text-align:right}
}
@media screen and (min-width:1500px) {
.container {
min-width:1500px;
width:1500px;
max-width:1500px;
padding:0 15px;
box-sizing:border-box;
margin:0 auto}
.container .row {
max-width:100%}
main.main {
padding:0 15px 45px;
margin:0 auto;
min-width:1500px;
max-width:1500px}
main.main .container {
padding:0;
min-width:100%;
width:100%;
max-width:100%}
main.main .container .row,main.main .container .row>* {
padding:0;
margin:0}
html.iziModal-isOverflow body .adanat header.header {
display:flex;
justify-content:center;
width:100%;
height:66px}
html.iziModal-isOverflow body .adanat header.header .container {
position:fixed;
top:0;
margin-left:-7px}
html.iziModal-isOverflow body .adanat>main.main {
display:flex;
flex-direction:column}
.lg-on .lg-backdrop,.lg-on .lg-outer {
top:66px!important}
form+.suggestions .searchSuggestions .list {
flex-direction:row;
flex-wrap:wrap}
form+.suggestions .searchSuggestions .list a {
width:calc((100% - 30px) / 3)}
header.header .container {
height:66px;
line-height:40px;
padding:13px 15px;
font-size:14px;
font-weight:500;
margin:0 auto;
max-width:100%}
header.header .container .row {
height:40px;
line-height:40px;
padding:0;
margin:0}
header.header .container .row .logo {
width:138px;
max-width:138px;
height:40px;
padding:0}
header.header .container .row .logo a {
display:block;
width:108px;
height:40px}
header.header .container .row .logo a figure {
width:108px;
height:40px}
header.header .container .row .logo a figure svg {
width:108px;
height:40px;
float:left}
header.header .container .row nav {
flex:1;
height:40px;
padding:0 15px}
header.header .container .row nav ul.nav {
width:100%;
height:40px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link {
height:40px;
line-height:40px;
padding:0 15px;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link span {
flex:1}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure {
width:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg {
max-width:10px;
max-height:10px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link figure svg use {
stroke:#000;
stroke-width:3px}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link:hover {
color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current {
color:#0aad4b;
text-decoration-color:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link.current figure svg use {
stroke:#0aad4b}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange] {
color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange]:hover {
color:#FFF;
background:#ff7300;
text-decoration-color:transparent}
header.header .container .row nav ul.nav>li.nav-item>a.nav-link[data-color=orange].current {
color:#ff7300;
text-decoration-color:#ff7300}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] {
background:#0aad4b;
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] span {
color:#FFF}
header.header .container .row nav ul.nav>li.nav-item:hover a[data-parent=parent] figure svg use {
stroke:#FFF}
header.header .container .row nav .submenu {
display:block;
width:100%;
background:linear-gradient(180deg,#fafafa 0,#cacaca 75%);
padding:0 1px 1px;
box-sizing:border-box;
border-radius:0 0 15px 15px}
header.header .container .row nav .submenu ul.sub {
background:#FFF;
padding:10px 15px 15px 10px;
border-radius:0 0 15px 15px;
list-style-type:none;
margin:0;
display:flex;
flex-direction:column;
gap:5px 0}
header.header .container .row nav .submenu ul.sub li.sub-nav-item {
height:35px;
line-height:35px}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link {
display:block;
width:100%;
padding:0 0 0 10px;
text-decoration:none;
color:#000;
min-height:35px;
line-height:35px;
border:2px solid transparent;
border-style:none none none solid;
transition:border-color .15s linear 0s,color .15s linear 0s}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link:hover {
border-color:#0aad4b;
color:#0aad4b;
text-decoration:none}
header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current,header.header .container .row nav .submenu ul.sub li.sub-nav-item a.sub-nav-link.current:hover {
border-color:#000;
color:#000;
text-decoration:none}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] {
position:relative}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent] .submenu {
position:absolute;
margin-top:-15px;
opacity:0;
visibility:hidden;
transition:margin .15s linear 0s,opacity .15s linear 0s,visibility .15s linear 0s}
header.header .container .row nav ul.nav>li.nav-item[data-parent=parent]:hover .submenu {
margin-top:0;
opacity:1;
visibility:visible}
header.header .container .row .email {
max-width:180px;
height:40px;
font-size:inherit;
font-weight:inherit;
text-align:center}
header.header .container .row .email a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .email a:hover {
color:#0aad4b}
header.header .container .row .phone {
height:40px;
max-width:170px;
font-size:inherit;
font-weight:inherit;
text-align:center;
-webkit-font-feature-settings:"lnum";
-moz-font-feature-settings:"lnum";
font-feature-settings:"lnum"}
header.header .container .row .phone a {
color:#000;
text-decoration:none;
transition:color .2s linear 0s}
header.header .container .row .phone a:hover {
color:#0aad4b}
header.header .container .row .search,header.header .container .row .user {
max-width:60px;
padding:0;
text-align:center}
header.header .container .row .cart {
max-width:50px;
padding:0;
text-align:right}
footer.footer {
max-width:100%;
padding:60px 0 50px;
font-size:14px;
line-height:18px}
footer.footer .container {
display:flex;
flex-direction:column;
padding:0 15px;
box-sizing:border-box;
gap:30px 30px}
footer.footer .container .row,footer.footer .container .row .col {
padding:0;
margin:0}
footer.footer .logo {
max-width:108px}
footer.footer .nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center}
footer.footer .nav nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
gap:0 60px}
footer.footer .nav nav ul li a {
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .nav nav ul li a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts {
display:flex;
flex-direction:column;
gap:10px 0;
max-width:320px}
footer.footer .contacts .office {
display:flex;
flex-direction:column;
padding-bottom:15px;
gap:10px 0;
font-weight:500}
footer.footer .contacts .office p {
margin-bottom:0}
footer.footer .contacts .office a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .contacts .office a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .contacts .subscribe button {
border:1px solid #737373;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
footer.footer .contacts .subscribe button span {
font-size:14px;
color:#272727;
transition:color .2s linear 0s}
footer.footer .contacts .subscribe button:hover {
background:#0aad4b;
border-color:#0aad4b}
footer.footer .contacts .subscribe button:hover span {
color:#FFF}
footer.footer .copyrights,footer.footer .docs {
width:50%}
footer.footer .copyrights p,footer.footer .docs p {
margin:0}
footer.footer .copyrights a,footer.footer .docs a {
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
footer.footer .copyrights a:hover,footer.footer .docs a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
footer.footer .copyrights p {
text-align:left}
footer.footer .docs p {
text-align:right}
}
@media screen and (min-width:0) and (max-width:calc(576px - 0.01px)) {
#izimodal[data-type=cart],#modal[data-type=cart] {
min-width:100vw;
width:100vw;
max-width:100vw;
padding:15px}
#izimodal[data-type=cart] .iziModal-wrap,#modal[data-type=cart] .iziModal-wrap {
height:calc(100vh - 30px)!important}
#izimodal[data-type=cart] .iziModal-wrap .iziModal-content,#modal[data-type=cart] .iziModal-wrap .iziModal-content {
height:calc(100vh - 30px)!important;
padding:0!important}
#izimodal[data-type=cart] .iziModal-wrap .iziModal-content section[data-type=modal],#modal[data-type=cart] .iziModal-wrap .iziModal-content section[data-type=modal] {
height:calc(100vh - 30px)!important}
#izimodal[data-type=cart] .cart,#modal[data-type=cart] .cart {
display:flex;
flex-direction:column;
min-height:100%;
height:100%;
gap:15px 0}
#izimodal[data-type=cart] .row,#izimodal[data-type=cart] .row>.col,#modal[data-type=cart] .row,#modal[data-type=cart] .row>.col {
padding:0;
margin:0}
#izimodal[data-type=cart] .steps,#modal[data-type=cart] .steps {
flex-grow:1;
padding:0;
height:70px}
#izimodal[data-type=cart] .steps ul.stepList,#modal[data-type=cart] .steps ul.stepList {
display:flex;
flex-direction:column;
list-style-type:none;
padding:0;
margin:0;
height:30px;
line-height:30px;
gap:10px 0}
#izimodal[data-type=cart] .steps ul.stepList li,#modal[data-type=cart] .steps ul.stepList li {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 10px;
font-size:14px}
#izimodal[data-type=cart] .steps ul.stepList li span.number,#modal[data-type=cart] .steps ul.stepList li span.number {
width:30px;
height:30px;
line-height:28px;
text-align:center;
border:1px solid #737373;
border-radius:15px;
color:#737373}
#izimodal[data-type=cart] .steps ul.stepList li span.name,#modal[data-type=cart] .steps ul.stepList li span.name {
color:#737373}
#izimodal[data-type=cart] .steps ul.stepList li.current span.number,#modal[data-type=cart] .steps ul.stepList li.current span.number {
color:#000;
border-color:#000}
#izimodal[data-type=cart] .steps ul.stepList li.current span.name,#modal[data-type=cart] .steps ul.stepList li.current span.name {
color:#000}
#izimodal[data-type=cart] .steps ul.stepList li[data-step="1"]:not(.current),#modal[data-type=cart] .steps ul.stepList li[data-step="1"]:not(.current) {
cursor:pointer}
#izimodal[data-type=cart] .empty,#modal[data-type=cart] .empty {
display:flex;
flex-direction:column;
gap:45px 0;
flex-grow:1;
max-height:calc(100vh - 75px)}
#izimodal[data-type=cart] .empty .text,#modal[data-type=cart] .empty .text {
display:flex;
flex-grow:1;
align-items:center;
flex-direction:row;
gap:45px 0}
#izimodal[data-type=cart] .empty .text p,#modal[data-type=cart] .empty .text p {
font-size:22px;
line-height:26px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] .empty .text p a,#modal[data-type=cart] .empty .text p a {
margin-top:15px;
display:inline-block;
clear:both;
color:#737373;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:#737373;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
#izimodal[data-type=cart] .empty .text p a:hover,#modal[data-type=cart] .empty .text p a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
#izimodal[data-type=cart] .empty .btn-green,#modal[data-type=cart] .empty .btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent;
max-width:250px}
#izimodal[data-type=cart] .empty .btn-green span,#modal[data-type=cart] .empty .btn-green span {
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
color:#FFF;
font-size:17px;
white-space:nowrap;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=cart] .empty .btn-green:hover,#modal[data-type=cart] .empty .btn-green:hover {
background:#0bbb51}
#izimodal[data-type=cart] .empty .btn-green:active,#izimodal[data-type=cart] .empty .btn-green:focus,#modal[data-type=cart] .empty .btn-green:active,#modal[data-type=cart] .empty .btn-green:focus {
border-color:transparent}
#izimodal[data-type=cart] .success,#modal[data-type=cart] .success {
display:flex;
flex-direction:column;
gap:45px 0;
flex-grow:1;
max-height:calc(100vh - 75px)}
#izimodal[data-type=cart] .success .thanks,#modal[data-type=cart] .success .thanks {
display:flex;
flex-grow:1;
flex-direction:column;
gap:45px 0}
#izimodal[data-type=cart] .success .thanks .title,#modal[data-type=cart] .success .thanks .title {
font-size:22px;
line-height:26px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] .success .thanks p,#modal[data-type=cart] .success .thanks p {
margin:0;
color:#000}
#izimodal[data-type=cart] form,#modal[data-type=cart] form {
flex-grow:1;
max-height:calc(100vh - 135px)}
#izimodal[data-type=cart] form .text,#modal[data-type=cart] form .text {
font-size:18px;
line-height:22px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] form>.col,#modal[data-type=cart] form>.col {
width:470px;
transition:opacity .5s linear 0s,visibility .5s linear 0s;
flex-direction:column}
#izimodal[data-type=cart] form>.col[data-view=hide],#modal[data-type=cart] form>.col[data-view=hide] {
opacity:0;
visibility:hidden;
display:none}
#izimodal[data-type=cart] form>.col[data-view=show],#modal[data-type=cart] form>.col[data-view=show] {
opacity:1;
visibility:visible;
display:flex}
#izimodal[data-type=cart] form>.col.order,#modal[data-type=cart] form>.col.order {
flex-direction:column;
gap:30px 0;
max-height:calc(100% - 15px);
margin-top:15px}
#izimodal[data-type=cart] form>.col.contacts,#modal[data-type=cart] form>.col.contacts {
flex-direction:column;
gap:30px 0;
height:100%;
margin-top:15px}
#izimodal[data-type=cart] form>.col.contacts .fields,#modal[data-type=cart] form>.col.contacts .fields {
display:flex;
flex-direction:column;
flex-grow:1;
gap:15px 0;
padding:0 30px 0 0;
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb:active,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb:active {
background-color:#999}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-track,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
#izimodal[data-type=cart] form>.col.contacts .row.submit,#modal[data-type=cart] form>.col.contacts .row.submit {
flex-direction:column;
gap:10px 0}
#izimodal[data-type=cart] form>.col.contacts .row.submit .btn-green,#modal[data-type=cart] form>.col.contacts .row.submit .btn-green {
max-width:100%!important;
height:40px;
line-height:40px;
padding:0}
#izimodal[data-type=cart] form>.col.contacts .row.submit .btn-green span,#modal[data-type=cart] form>.col.contacts .row.submit .btn-green span {
height:40px;
line-height:40px;
padding:0;
width:100%!important;
text-align:center}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree,#modal[data-type=cart] form>.col.contacts .row.submit span.agree {
flex:1;
font-size:12px;
line-height:14px;
text-align:center}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree a,#modal[data-type=cart] form>.col.contacts .row.submit span.agree a {
color:#000;
transition:color .2s linear 0s}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree a:hover,#modal[data-type=cart] form>.col.contacts .row.submit span.agree a:hover {
color:#0aad4b}
#izimodal[data-type=cart] form>.col .goods,#modal[data-type=cart] form>.col .goods {
display:flex;
flex-direction:column;
flex-grow:1;
gap:30px 0;
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb:active,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb:active {
background-color:#999}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-track,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood,#modal[data-type=cart] form>.col .goods .row.cartGood {
display:flex;
flex-direction:column;
gap:15px 0;
width:100%;
min-height:210px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image,#modal[data-type=cart] form>.col .goods .row.cartGood .image {
width:180px;
height:180px;
padding:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a,#modal[data-type=cart] form>.col .goods .row.cartGood .image a {
display:block;
width:180px;
height:180px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a picture,#modal[data-type=cart] form>.col .goods .row.cartGood .image a picture {
display:block;
width:180px;
height:180px;
overflow:hidden}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a picture img,#modal[data-type=cart] form>.col .goods .row.cartGood .image a picture img {
aspect-ratio:1;
width:180px;
height:180px;
object-fit:cover;
object-position:center center;
transform:scale(1);
transition:transform .2s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a:hover picture img,#modal[data-type=cart] form>.col .goods .row.cartGood .image a:hover picture img {
transform:scale(1.15)}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info,#modal[data-type=cart] form>.col .goods .row.cartGood .info {
display:flex;
flex-direction:column;
gap:15px 0;
padding:0 15px 0 0;
width:100%;
min-height:max-content;
height:min-content}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .name,#modal[data-type=cart] form>.col .goods .row.cartGood .info .name {
font-size:18px;
line-height:22px;
font-weight:500}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .props,#modal[data-type=cart] form>.col .goods .row.cartGood .info .props {
color:#737373;
font-size:14px;
line-height:20px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
gap:0 15px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
padding:5px;
border-radius:3px;
background:#CCC;
min-width:95px;
width:95px;
max-width:95px;
height:30px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span {
aspect-ratio:1;
height:100%;
cursor:pointer}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure {
aspect-ratio:1;
padding:3px;
width:20px;
height:20px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg {
float:left;
max-width:14px;
max-height:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg use {
stroke:#777;
transition:stroke .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span.disabled,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span.disabled {
opacity:.5;
cursor:default}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span:not(.disabled):hover figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span:not(.disabled):hover figure svg use {
stroke:#000}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input {
-moz-appearance:textfield;
background:0 0;
border:0;
text-align:center;
max-width:45px;
height:20px;
line-height:20px;
font-size:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-inner-spin-button,#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-outer-spin-button,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-inner-spin-button,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input:focus,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input:focus {
outline:0;
border:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete {
width:30px;
max-width:30px;
padding:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure {
aspect-ratio:1;
border-radius:15px;
background:#CCC;
padding:8px;
cursor:pointer;
transition:background .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg {
float:left;
max-width:14px;
max-height:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg use {
stroke:#777;
transition:stroke .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure {
background:#777}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure svg use {
stroke:#FFF}
#izimodal[data-type=cart] form button.btn-green,#modal[data-type=cart] form button.btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent}
#izimodal[data-type=cart] form button.btn-green span,#modal[data-type=cart] form button.btn-green span {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
text-align:center;
color:#FFF;
font-size:17px;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=cart] form button.btn-green figure,#modal[data-type=cart] form button.btn-green figure {
display:block;
width:100%;
height:60px;
line-height:60px;
position:absolute;
top:0;
left:0;
background:url(/_assets/adanat/svg/ajax_loader.svg) center center no-repeat #0aad4b;
background-size:25px 25px;
opacity:0;
transition:opacity .2s linear 0s}
#izimodal[data-type=cart] form button.btn-green:hover,#modal[data-type=cart] form button.btn-green:hover {
background:#0bbb51}
#izimodal[data-type=cart] form button.btn-green[disabled=disabled] figure,#modal[data-type=cart] form button.btn-green[disabled=disabled] figure {
opacity:1}
#izimodal[data-type=cart] form button.btn-green:active,#izimodal[data-type=cart] form button.btn-green:focus,#modal[data-type=cart] form button.btn-green:active,#modal[data-type=cart] form button.btn-green:focus {
border-color:transparent}
}
@media screen and (min-width:576px) {
#izimodal[data-type=cart],#modal[data-type=cart] {
min-width:530px;
width:530px;
max-width:530px;
padding:30px}
#izimodal[data-type=cart] .iziModal-wrap,#modal[data-type=cart] .iziModal-wrap {
height:calc(100vh - 60px)!important}
#izimodal[data-type=cart] .iziModal-wrap .iziModal-content,#modal[data-type=cart] .iziModal-wrap .iziModal-content {
height:calc(100vh - 60px)!important;
padding:0!important}
#izimodal[data-type=cart] .iziModal-wrap .iziModal-content section[data-type=modal],#modal[data-type=cart] .iziModal-wrap .iziModal-content section[data-type=modal] {
height:calc(100vh - 60px)!important}
#izimodal[data-type=cart] .cart,#modal[data-type=cart] .cart {
display:flex;
flex-direction:column;
min-height:100%;
height:100%;
gap:45px 0}
#izimodal[data-type=cart] .row,#izimodal[data-type=cart] .row>.col,#modal[data-type=cart] .row,#modal[data-type=cart] .row>.col {
padding:0;
margin:0}
#izimodal[data-type=cart] .steps,#modal[data-type=cart] .steps {
flex-grow:1;
padding:0}
#izimodal[data-type=cart] .steps ul.stepList,#modal[data-type=cart] .steps ul.stepList {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
list-style-type:none;
padding:0;
margin:0;
height:30px;
line-height:30px;
gap:0 30px}
#izimodal[data-type=cart] .steps ul.stepList li,#modal[data-type=cart] .steps ul.stepList li {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 10px;
font-size:14px}
#izimodal[data-type=cart] .steps ul.stepList li span.number,#modal[data-type=cart] .steps ul.stepList li span.number {
width:30px;
height:30px;
line-height:28px;
text-align:center;
border:1px solid #737373;
border-radius:15px;
color:#737373}
#izimodal[data-type=cart] .steps ul.stepList li span.name,#modal[data-type=cart] .steps ul.stepList li span.name {
color:#737373}
#izimodal[data-type=cart] .steps ul.stepList li.current span.number,#modal[data-type=cart] .steps ul.stepList li.current span.number {
color:#000;
border-color:#000}
#izimodal[data-type=cart] .steps ul.stepList li.current span.name,#modal[data-type=cart] .steps ul.stepList li.current span.name {
color:#000}
#izimodal[data-type=cart] .steps ul.stepList li[data-step="1"]:not(.current),#modal[data-type=cart] .steps ul.stepList li[data-step="1"]:not(.current) {
cursor:pointer}
#izimodal[data-type=cart] .empty,#modal[data-type=cart] .empty {
display:flex;
flex-direction:column;
gap:45px 0;
flex-grow:1;
max-height:calc(100vh - 75px)}
#izimodal[data-type=cart] .empty .text,#modal[data-type=cart] .empty .text {
display:flex;
flex-grow:1;
align-items:center;
flex-direction:row;
gap:45px 0}
#izimodal[data-type=cart] .empty .text p,#modal[data-type=cart] .empty .text p {
font-size:22px;
line-height:26px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] .empty .text p a,#modal[data-type=cart] .empty .text p a {
margin-top:15px;
display:inline-block;
clear:both;
color:#737373;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:#737373;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
#izimodal[data-type=cart] .empty .text p a:hover,#modal[data-type=cart] .empty .text p a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
#izimodal[data-type=cart] .empty .btn-green,#modal[data-type=cart] .empty .btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent;
max-width:250px}
#izimodal[data-type=cart] .empty .btn-green span,#modal[data-type=cart] .empty .btn-green span {
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
color:#FFF;
font-size:17px;
white-space:nowrap;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=cart] .empty .btn-green:hover,#modal[data-type=cart] .empty .btn-green:hover {
background:#0bbb51}
#izimodal[data-type=cart] .empty .btn-green:active,#izimodal[data-type=cart] .empty .btn-green:focus,#modal[data-type=cart] .empty .btn-green:active,#modal[data-type=cart] .empty .btn-green:focus {
border-color:transparent}
#izimodal[data-type=cart] .success,#modal[data-type=cart] .success {
display:flex;
flex-direction:column;
gap:45px 0;
flex-grow:1;
max-height:calc(100vh - 75px)}
#izimodal[data-type=cart] .success .thanks,#modal[data-type=cart] .success .thanks {
display:flex;
flex-grow:1;
flex-direction:column;
gap:45px 0}
#izimodal[data-type=cart] .success .thanks .title,#modal[data-type=cart] .success .thanks .title {
font-size:22px;
line-height:26px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] .success .thanks p,#modal[data-type=cart] .success .thanks p {
margin:0;
color:#000}
#izimodal[data-type=cart] form,#modal[data-type=cart] form {
flex-grow:1;
max-height:calc(100vh - 135px)}
#izimodal[data-type=cart] form .text,#modal[data-type=cart] form .text {
font-size:22px;
line-height:26px;
color:#000;
font-weight:500}
#izimodal[data-type=cart] form>.col,#modal[data-type=cart] form>.col {
width:470px;
transition:opacity .5s linear 0s,visibility .5s linear 0s;
flex-direction:column}
#izimodal[data-type=cart] form>.col[data-view=hide],#modal[data-type=cart] form>.col[data-view=hide] {
opacity:0;
visibility:hidden;
display:none}
#izimodal[data-type=cart] form>.col[data-view=show],#modal[data-type=cart] form>.col[data-view=show] {
opacity:1;
visibility:visible;
display:flex}
#izimodal[data-type=cart] form>.col.contacts,#izimodal[data-type=cart] form>.col.order,#modal[data-type=cart] form>.col.contacts,#modal[data-type=cart] form>.col.order {
flex-direction:column;
gap:30px 0;
max-height:100%}
#izimodal[data-type=cart] form>.col.contacts .fields,#modal[data-type=cart] form>.col.contacts .fields {
display:flex;
flex-direction:column;
flex-grow:1;
gap:15px 0;
padding:0 30px 0 0;
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb:active,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-thumb:active {
background-color:#999}
#izimodal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-track,#modal[data-type=cart] form>.col.contacts .fields::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
#izimodal[data-type=cart] form>.col.contacts .row.submit,#modal[data-type=cart] form>.col.contacts .row.submit {
flex-wrap:nowrap}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree,#modal[data-type=cart] form>.col.contacts .row.submit span.agree {
flex:1;
font-size:13px;
line-height:16px}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree a,#modal[data-type=cart] form>.col.contacts .row.submit span.agree a {
color:#000;
transition:color .2s linear 0s}
#izimodal[data-type=cart] form>.col.contacts .row.submit span.agree a:hover,#modal[data-type=cart] form>.col.contacts .row.submit span.agree a:hover {
color:#0aad4b}
#izimodal[data-type=cart] form>.col .goods,#modal[data-type=cart] form>.col .goods {
display:flex;
flex-direction:column;
flex-grow:1;
gap:30px 0;
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb:active,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-thumb:active {
background-color:#999}
#izimodal[data-type=cart] form>.col .goods::-webkit-scrollbar-track,#modal[data-type=cart] form>.col .goods::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood,#modal[data-type=cart] form>.col .goods .row.cartGood {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 30px;
width:470px;
min-height:210px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image,#modal[data-type=cart] form>.col .goods .row.cartGood .image {
width:180px;
height:180px;
padding:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a,#modal[data-type=cart] form>.col .goods .row.cartGood .image a {
display:block;
width:180px;
height:180px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a picture,#modal[data-type=cart] form>.col .goods .row.cartGood .image a picture {
display:block;
width:180px;
height:180px;
overflow:hidden}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a picture img,#modal[data-type=cart] form>.col .goods .row.cartGood .image a picture img {
aspect-ratio:1;
width:180px;
height:180px;
object-fit:cover;
object-position:center center;
transform:scale(1);
transition:transform .2s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .image a:hover picture img,#modal[data-type=cart] form>.col .goods .row.cartGood .image a:hover picture img {
transform:scale(1.15)}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info,#modal[data-type=cart] form>.col .goods .row.cartGood .info {
display:flex;
flex-direction:column;
gap:15px 0;
padding:0;
width:240px;
min-height:max-content}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .name,#modal[data-type=cart] form>.col .goods .row.cartGood .info .name {
font-size:20px;
line-height:24px;
font-weight:500}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .props,#modal[data-type=cart] form>.col .goods .row.cartGood .info .props {
color:#737373;
font-size:14px;
line-height:20px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
gap:0 15px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
padding:5px;
border-radius:3px;
background:#CCC;
min-width:95px;
width:95px;
max-width:95px;
height:30px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span {
aspect-ratio:1;
height:100%;
cursor:pointer}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure {
aspect-ratio:1;
padding:3px;
width:20px;
height:20px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg {
float:left;
max-width:14px;
max-height:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span figure svg use {
stroke:#777;
transition:stroke .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span.disabled,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span.disabled {
opacity:.5;
cursor:default}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span:not(.disabled):hover figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity span:not(.disabled):hover figure svg use {
stroke:#000}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input {
-moz-appearance:textfield;
background:0 0;
border:0;
text-align:center;
max-width:45px;
height:20px;
line-height:20px;
font-size:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-inner-spin-button,#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-outer-spin-button,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-inner-spin-button,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input:focus,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .quantity input:focus {
outline:0;
border:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete {
width:30px;
max-width:30px;
padding:0}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure {
aspect-ratio:1;
border-radius:15px;
background:#CCC;
padding:8px;
cursor:pointer;
transition:background .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg {
float:left;
max-width:14px;
max-height:14px}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete figure svg use {
stroke:#777;
transition:stroke .25s linear 0s}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure {
background:#777}
#izimodal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure svg use,#modal[data-type=cart] form>.col .goods .row.cartGood .info .actions .delete:hover figure svg use {
stroke:#FFF}
#izimodal[data-type=cart] form button.btn-green,#modal[data-type=cart] form button.btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent}
#izimodal[data-type=cart] form button.btn-green span,#modal[data-type=cart] form button.btn-green span {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
text-align:center;
color:#FFF;
font-size:17px;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=cart] form button.btn-green figure,#modal[data-type=cart] form button.btn-green figure {
display:block;
width:100%;
height:60px;
line-height:60px;
position:absolute;
top:0;
left:0;
background:url(/_assets/adanat/svg/ajax_loader.svg) center center no-repeat #0aad4b;
background-size:25px 25px;
opacity:0;
transition:opacity .2s linear 0s}
#izimodal[data-type=cart] form button.btn-green:hover,#modal[data-type=cart] form button.btn-green:hover {
background:#0bbb51}
#izimodal[data-type=cart] form button.btn-green[disabled=disabled] figure,#modal[data-type=cart] form button.btn-green[disabled=disabled] figure {
opacity:1}
#izimodal[data-type=cart] form button.btn-green:active,#izimodal[data-type=cart] form button.btn-green:focus,#modal[data-type=cart] form button.btn-green:active,#modal[data-type=cart] form button.btn-green:focus {
border-color:transparent}
}
@media screen and (min-width:0) and (max-width:calc(576px - 0.01px)) {
#izimodal[data-type=search] .container,#modal[data-type=search] .container {
padding:0}
#izimodal[data-type=search] .container .col.close,#modal[data-type=search] .container .col.close {
display:none}
}
@media screen and (min-width:0) and (max-width:calc(576px - 0.01px)) {
#izimodal[data-type=subscribe],#modal[data-type=subscribe] {
min-width:100vw;
width:100vw;
max-width:100vw;
padding:30px}
#izimodal[data-type=subscribe] .iziModal-wrap,#modal[data-type=subscribe] .iziModal-wrap {
height:calc(100vh - 60px)!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content {
height:calc(100vh - 60px)!important;
padding:0!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal],#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] {
display:flex;
flex-direction:row;
align-items:center;
height:calc(100vh - 60px)!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal]>.row:not(.form),#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal]>.row:not(.form) {
order:2;
min-width:15px}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form {
display:flex;
flex-direction:column;
align-self:center;
padding:0;
margin:0;
width:100%;
order:1;
gap:10px 0}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form>*,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form>* {
padding:0;
margin:0}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .title,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .title {
font-size:24px;
line-height:26px;
font-weight:500}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .description,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .description {
font-size:18px;
line-height:25px;
font-weight:500;
color:#737373}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .sub-row.submit,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .sub-row.submit {
flex-direction:column;
gap:15px}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .sub-row.submit span.agree,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .sub-row.submit span.agree {
width:100%}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:45px;
padding:0 45px;
border-color:transparent;
min-width:100%;
max-width:100%}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green span,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green span {
display:block;
padding:0;
width:100%;
height:45px;
line-height:45px;
text-align:center;
color:#FFF;
font-size:17px;
white-space:nowrap;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:hover,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:hover {
background:#0bbb51}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:active,#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:focus,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:active,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:focus {
border-color:transparent}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success {
width:100%;
text-align:center;
font-size:24px;
line-height:26px;
font-weight:500}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success p,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success p {
width:100%;
text-align:center;
margin:0}
}
@media screen and (min-width:576px) {
#izimodal[data-type=subscribe],#modal[data-type=subscribe] {
min-width:530px;
width:530px;
max-width:530px;
padding:30px}
#izimodal[data-type=subscribe] .iziModal-wrap,#modal[data-type=subscribe] .iziModal-wrap {
height:calc(100vh - 60px)!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content {
height:calc(100vh - 60px)!important;
padding:0!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal],#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] {
display:flex;
flex-direction:row;
align-items:center;
height:calc(100vh - 60px)!important}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal]>.row:not(.form),#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal]>.row:not(.form) {
order:2;
min-width:15px}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form {
display:flex;
flex-direction:column;
align-self:center;
padding:0;
margin:0;
width:100%;
order:1;
gap:10px 0}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form>*,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form>* {
padding:0;
margin:0}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .title,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .title {
font-size:24px;
line-height:26px;
font-weight:500}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .description,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .description {
font-size:18px;
line-height:25px;
font-weight:500;
color:#737373}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent;
min-width:200px;
max-width:200px}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green span,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green span {
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
color:#FFF;
font-size:17px;
white-space:nowrap;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25)}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:hover,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:hover {
background:#0bbb51}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:active,#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:focus,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:active,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .btn-green:focus {
border-color:transparent}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success {
width:100%;
text-align:center;
font-size:24px;
line-height:26px;
font-weight:500}
#izimodal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success p,#modal[data-type=subscribe] .iziModal-wrap .iziModal-content section[data-type=modal] .row.form .success p {
width:100%;
text-align:center;
margin:0}
}
@media screen and (min-width:0) {
#izimodal[data-type=auth] .auth,#modal[data-type=auth] .auth {
display:flex;
flex-direction:column;
gap:20px 0}
#izimodal[data-type=auth] .auth .row,#modal[data-type=auth] .auth .row {
margin-left:0;
margin-right:0;
padding:0}
#izimodal[data-type=auth] .auth .row>*,#modal[data-type=auth] .auth .row>* {
padding:0}
#izimodal[data-type=auth] .auth .title,#modal[data-type=auth] .auth .title {
text-align:center;
height:22px}
#izimodal[data-type=auth] .auth .title span,#modal[data-type=auth] .auth .title span {
font-size:22px;
line-height:22px;
font-weight:500}
#izimodal[data-type=auth] .auth .error,#modal[data-type=auth] .auth .error {
text-align:center;
font-size:16px;
line-height:20px;
font-weight:700;
color:red}
#izimodal[data-type=auth] .auth .success,#izimodal[data-type=auth] .auth .success p,#modal[data-type=auth] .auth .success,#modal[data-type=auth] .auth .success p {
text-align:center}
#izimodal[data-type=auth] .auth .success .btn,#modal[data-type=auth] .auth .success .btn {
margin:5px auto 0}
#izimodal[data-type=auth] .auth .buttons,#modal[data-type=auth] .auth .buttons {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between}
#izimodal[data-type=auth] .auth .buttons a.link,#modal[data-type=auth] .auth .buttons a.link {
font-size:14px;
line-height:16px;
color:#737373;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
#izimodal[data-type=auth] .auth .buttons a.link:hover,#modal[data-type=auth] .auth .buttons a.link:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
#izimodal[data-type=auth] .btn-green,#modal[data-type=auth] .btn-green {
height:45px;
line-height:43px;
border:1px solid #0aad4b;
background:#0aad4b;
padding:0;
transition:background .2s linear 0s,border-color .2s linear 0s;
min-width:100%;
width:100%;
max-width:100%}
#izimodal[data-type=auth] .btn-green span,#modal[data-type=auth] .btn-green span {
line-height:43px;
height:43px;
white-space:nowrap;
text-align:center;
padding:0 30px;
color:#FFF}
#izimodal[data-type=auth] .btn-green:hover,#modal[data-type=auth] .btn-green:hover {
border-color:#099541;
background:#0bc555}
#izimodal[data-type=auth] .btn-white,#modal[data-type=auth] .btn-white {
height:45px;
line-height:43px;
border:1px solid #8d8d8d;
background:#FFF;
padding:0;
transition:background .2s linear 0s,border-color .2s linear 0s;
min-width:100%;
width:100%;
max-width:100%}
#izimodal[data-type=auth] .btn-white span,#modal[data-type=auth] .btn-white span {
line-height:43px;
height:43px;
white-space:nowrap;
text-align:center;
padding:0 30px;
color:#000;
transition:color .2s linear 0s}
#izimodal[data-type=auth] .btn-white:hover,#modal[data-type=auth] .btn-white:hover {
border-color:#5a5a5a;
background:#737373}
#izimodal[data-type=auth] .btn-white:hover span,#modal[data-type=auth] .btn-white:hover span {
color:#FFF}
#izimodal[data-type=auth] .buttons.actions,#modal[data-type=auth] .buttons.actions {
gap:0 15px}
#izimodal[data-type=auth] .buttons.actions .btn-green,#izimodal[data-type=auth] .buttons.actions .btn-white,#modal[data-type=auth] .buttons.actions .btn-green,#modal[data-type=auth] .buttons.actions .btn-white {
min-width:45%;
width:45%;
max-width:45%}
}
@media screen and (max-width:calc(992px - 0.01px)) {
#dropShopNav {
display:none!important;
visibility:hidden;
opacity:0;
height:0;
width:0;
overflow:hidden}
}
@media screen and (min-width:992px) {
header.header {
position:relative}
header.header a.nav-link {
border-radius:4px;
transition:background .15s linear 0s}
header.header a.nav-link span {
transition:color .15s linear 0s}
header.header a.nav-link figure svg use {
transition:stroke .15s linear 0s}
header.header a.nav-link.active,header.header a.nav-link:hover {
background:#0aad4b}
header.header a.nav-link.active span,header.header a.nav-link:hover span {
color:#FFF}
header.header a.nav-link.active figure svg use,header.header a.nav-link:hover figure svg use {
stroke:#FFF!important}
#dropShopNav {
display:block;
width:100%;
min-height:calc(100vh - 66px);
height:calc(100vh - 66px);
position:absolute;
left:0;
top:66px;
transition:opacity .15s linear 0s;
z-index:300}
#dropShopNav .overlay {
display:block;
position:absolute;
background:rgba(0,0,0,.35);
width:100%;
height:100%;
z-index:1;
transition:opacity .15s linear 0s}
#dropShopNav[data-view=hide] {
visibility:hidden}
#dropShopNav[data-view=hide] .menu {
opacity:0;
margin-top:-36px!important}
#dropShopNav[data-view=hide] .overlay {
opacity:0}
#dropShopNav[data-view=show] {
visibility:visible;
opacity:1}
#dropShopNav[data-view=show] .menu {
opacity:1;
margin-top:-13px}
#dropShopNav[data-view=show] .overlay {
opacity:1}
#dropShopNav .menu {
position:relative;
min-height:40px;
height:auto;
background:0 0;
padding:25px 15px 45px;
transition:margin .15s linear 0s,opacity .15s linear 0s;
z-index:2;
margin:0 auto}
#dropShopNav .menu ul.nav {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 20px}
#dropShopNav .menu ul.nav li.col {
display:flex;
flex-direction:column;
gap:20px 0;
padding:0 0 30px;
border:0;
border-radius:30px;
background:#FFF}
#dropShopNav .menu ul.nav li.col a.title {
width:100%;
height:auto;
display:flex;
flex-direction:column;
gap:25px 0;
text-decoration:none;
color:var(---custom-color);
position:relative}
#dropShopNav .menu ul.nav li.col a.title picture {
aspect-ratio:1.67777778;
min-width:100%;
width:100%;
max-width:100%;
border-radius:30px 30px 0 0;
overflow:hidden}
#dropShopNav .menu ul.nav li.col a.title picture img {
display:block;
aspect-ratio:1.67777778;
min-width:100%;
width:100%;
object-fit:cover;
object-position:center center;
border:4px solid var(---custom-color);
border-style:none none solid}
#dropShopNav .menu ul.nav li.col a.title span {
display:block;
position:absolute;
bottom:24px;
color:#FFF;
padding:0 40px;
font-weight:700;
font-size:22px;
line-height:26px;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-underline-position:under;
text-underline-offset:.5px;
text-decoration-skip-ink:auto;
text-decoration-thickness:2px;
text-shadow:0 0 5px rgba(0,0,0,.35);
transition:text-decoration-color .15s linear 0s,color .15s linear 0s}
#dropShopNav .menu ul.nav li.col a.title:hover span {
color:#FFF;
text-decoration-color:rgba(255,255,255,.5)}
#dropShopNav .menu ul.nav li.col .subGroups {
display:flex;
flex-direction:column;
gap:17px 0;
max-height:400px;
padding:0 40px}
#dropShopNav .menu ul.nav li.col .subGroups .trigger {
color:#A2A2A3;
font-weight:400;
font-size:16px;
line-height:21px;
min-height:21px;
margin-top:30px;
transition:color .15s linear 0s}
#dropShopNav .menu ul.nav li.col .subGroups .trigger span {
cursor:pointer}
#dropShopNav .menu ul.nav li.col .subGroups .trigger:hover {
color:#000}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=false] .trigger span:first-child {
display:inline-block;
color:var(---custom-color);
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=false] .trigger span:first-child:hover {
text-decoration-color:var(---custom-color)}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=false] .trigger span:last-child {
display:none}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true] {
scrollbar-width:thin;
scrollbar-color:#777 #eee;
overflow-y:scroll;
overflow-x:hidden;
scroll-behavior:smooth}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true]::-webkit-scrollbar {
overflow:visible;
width:7px;
height:7px}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true]::-webkit-scrollbar-thumb {
background:#777;
border-radius:4px}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true]::-webkit-scrollbar-thumb:active {
background-color:#999}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true]::-webkit-scrollbar-track {
background:#eee;
border-radius:4px}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true] .trigger,#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true] .trigger span:first-child {
display:none}
#dropShopNav .menu ul.nav li.col .subGroups[data-scroll=true] .trigger span:last-child {
display:none}
#dropShopNav .menu ul.nav li.col .subGroups .trigger span:last-child {
display:none}
#dropShopNav .menu ul.nav li.col ul.sub {
display:flex;
flex-direction:column;
gap:17px 0;
list-style-type:none;
padding:0;
margin:0}
#dropShopNav .menu ul.nav li.col ul.sub[data-view=hide] {
visibility:hidden;
display:none}
#dropShopNav .menu ul.nav li.col ul.sub[data-view=show] {
visibility:visible}
#dropShopNav .menu ul.nav li.col ul.sub li {
min-height:24px;
line-height:24px}
#dropShopNav .menu ul.nav li.col ul.sub li a {
color:#000;
display:inline-flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
width:auto;
gap:0 14px;
text-decoration:none;
min-height:24px;
transition:color .15s linear 0s}
#dropShopNav .menu ul.nav li.col ul.sub li a figure {
width:24px;
height:24px;
line-height:24px}
#dropShopNav .menu ul.nav li.col ul.sub li a figure svg {
width:24px;
height:24px}
#dropShopNav .menu ul.nav li.col ul.sub li a figure svg use,#dropShopNav .menu ul.nav li.col ul.sub li a figure svg use path {
stroke:none;
fill:currentColor;
transition:fill .15s linear 0s}
#dropShopNav .menu ul.nav li.col ul.sub li a span {
font-weight:400;
font-size:16px;
line-height:21px;
min-height:21px;
color:currentColor;
transition:color .15s linear 0s}
#dropShopNav .menu ul.nav li.col ul.sub li a.accent,#dropShopNav .menu ul.nav li.col ul.sub li a.accent:hover,#dropShopNav .menu ul.nav li.col ul.sub li a:hover {
color:var(---custom-color)}
}
@media screen and (min-width:992px) and (max-width:calc(1200px - 0.1px)) {
#dropShopNav .menu ul.nav li.col a.title picture {
aspect-ratio:1.67777778}
#dropShopNav .menu ul.nav li.col a.title span {
font-size:16px;
line-height:22px;
padding:0 20px;
bottom:20px}
#dropShopNav .menu ul.nav li.col .subGroups {
padding:0 25px;
max-height:300px}
#dropShopNav .menu ul.nav li.col .subGroups .trigger,#dropShopNav .menu ul.nav li.col ul.sub li a span {
font-size:14px}
}
@media screen and (min-width:1200px) and (max-width:calc(1500px - 0.1px)) {
#dropShopNav .menu.container {
padding-left:0;
padding-right:0}
#dropShopNav .menu ul.nav li.col a.title picture {
aspect-ratio:1.67777778}
#dropShopNav .menu ul.nav li.col a.title span {
font-size:20px;
line-height:26px;
padding:0 20px;
bottom:20px}
#dropShopNav .menu ul.nav li.col ul.sub {
gap:10px 0}
#dropShopNav .menu ul.nav li.col .subGroups {
padding:0 25px;
max-height:250px}
#dropShopNav .menu ul.nav li.col .subGroups .trigger {
margin-top:20px}
}
@media screen and (max-height:555px) {
#dropShopNav .menu ul.nav li.col a.title {
max-height:200px}
#dropShopNav .menu ul.nav li.col .subGroups {
max-height:210px}
#dropShopNav .menu ul.nav li.col .subGroups .trigger {
margin-top:15px}
}
#cookie {
position:fixed;
display:block;
min-width:100%;
max-width:100vh;
height:0;
right:0;
bottom:-1px;
z-index:995}
#cookie .container {
position:relative;
height:0;
padding:0}
#cookie .container .box {
display:flex;
flex-direction:column;
position:absolute;
background:#FFF}
#cookie .container .box .text {
display:block;
width:100%;
height:auto;
position:relative}
#cookie .container .box .text p {
text-align:center;
font-weight:400;
margin:0}
#cookie .container .box .text p a {
font-weight:500;
color:#000;
text-decoration:underline;
text-decoration-style:solid;
text-decoration-color:#000;
text-decoration-skip-ink:auto;
text-decoration-thickness:.5px;
transition:text-decoration-color .15s linear 0s,color .15s linear 0s}
#cookie .container .box .text p a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
#cookie .container .box .text .close {
display:block;
position:absolute;
cursor:pointer}
#cookie .container .box .text .close figure svg.icon use {
stroke:#000!important;
stroke-width:2px!important}
#cookie .container .box .text .close:hover figure svg.icon use {
stroke:rgba(0,0,0,.75)!important}
#cookie .container .box .buttons {
display:flex;
justify-content:center;
width:100%}
#cookie .container .box .buttons a.btn.btn-green {
border-radius:10px;
border:1px solid #0aad4b;
background:#0aad4b;
transition:background .2s linear 0s,border-color .2s linear 0s}
#cookie .container .box .buttons a.btn.btn-green span {
white-space:nowrap;
text-align:center;
color:#FFF;
font-weight:700;
transition:color .2s linear 0s}
#cookie .container .box .buttons a.btn.btn-green:hover {
border-color:#099541;
background:#0bc555}
#cookie .container .box .buttons a.btn.btn-white {
border-radius:10px;
border:1px solid #8d8d8d;
background:#FFF;
transition:background .2s linear 0s,border-color .2s linear 0s}
#cookie .container .box .buttons a.btn.btn-white span {
white-space:nowrap;
text-align:center;
color:#000;
font-weight:700;
transition:color .2s linear 0s}
#cookie .container .box .buttons a.btn.btn-white:hover {
border-color:#5a5a5a;
background:#737373}
#cookie .container .box .buttons a.btn.btn-white:hover span {
color:#FFF}
@media screen and (min-width:0) and (max-width:calc(576px - 0.01px)) {
#cookie {
z-index:99999}
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
left:0;
gap:10px 0;
width:100%!important;
height:145px!important;
border-radius:15px 15px 0 0!important;
padding:20px 15px 10px!important;
box-shadow:0 0 10px 0 rgba(0,0,0,.2);
bottom:1px!important}
#cookie .container .box .text p {
font-size:10.5px!important;
line-height:15px!important}
#cookie .container .box .text p a {
text-underline-offset:2px}
#cookie .container .box .text .close {
width:15px!important;
height:15px!important;
right:0;
top:-5px!important}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:94px!important;
width:94px!important;
max-width:94px!important;
padding:0}
#cookie .container .box .buttons a.btn span {
display:inline-block;
float:left;
line-height:30px;
height:30px;
padding:0 25px!important;
font-size:10.5px!important}
}
@media screen and (min-width:576px) and (max-width:calc(768px - 0.01px)) {
#cookie {
z-index:99999!important}
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
left:0;
gap:10px 0;
bottom:0!important;
width:100%!important;
height:160px;
border-radius:15px 15px 0 0!important;
padding:30px 20px 20px;
box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
#cookie .container .box .text p {
font-size:13px!important;
line-height:17px!important}
#cookie .container .box .text p a {
text-underline-offset:2px}
#cookie .container .box .text .close {
width:20px;
height:20px;
right:0;
top:-5px}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:125px;
width:125px;
max-width:125px;
padding:0}
#cookie .container .box .buttons a.btn span {
display:inline-block;
float:left;
font-size:13px!important;
line-height:30px;
height:30px;
padding:0 30px}
}
@media screen and (max-width:calc(992px - 0.01px)) {
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
bottom:18px;
right:148px;
gap:16px 0;
width:520px;
height:136px;
border-radius:10px;
padding:21px 45px 15px;
box-shadow:5px 5px 18px 2px rgba(0,0,0,.35)}
#cookie .container .box .text p {
font-size:13px;
line-height:17px}
#cookie .container .box .text p a {
text-underline-offset:3px}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:125px;
width:125px;
max-width:125px;
padding:0;
border-radius:10px}
#cookie .container .box .buttons a.btn span {
float:left;
display:inline-block;
line-height:30px;
height:30px;
padding:0 35px;
font-size:13px}
}
@media screen and (min-width:992px) and (max-width:calc(1200px - 0.1px)) {
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
bottom:21px;
right:148px;
gap:16px 0;
width:520px;
height:136px;
border-radius:10px;
padding:21px 45px 15px;
box-shadow:5px 5px 18px 2px rgba(0,0,0,.35)}
#cookie .container .box .text p {
font-size:13px;
line-height:17px}
#cookie .container .box .text p a {
text-underline-offset:3px}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:125px;
width:125px;
max-width:125px;
padding:0;
border-radius:10px}
#cookie .container .box .buttons a.btn span {
float:left;
display:inline-block;
line-height:30px;
height:30px;
padding:0 35px;
font-size:13px}
}
@media screen and (min-width:1200px) and (max-width:calc(1500px - 0.1px)) {
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
bottom:42px;
right:148px;
gap:16px 0;
width:520px;
height:136px;
border-radius:10px;
padding:21px 45px 15px;
box-shadow:5px 5px 18px 2px rgba(0,0,0,.35)}
#cookie .container .box .text p {
font-size:13px;
line-height:17px}
#cookie .container .box .text p a {
text-underline-offset:3px}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:125px;
width:125px;
max-width:125px;
padding:0;
border-radius:10px}
#cookie .container .box .buttons a.btn span {
float:left;
display:inline-block;
line-height:30px;
height:30px;
padding:0 35px;
font-size:13px}
}
@media screen and (min-width:1500px) {
#cookie .container {
min-width:100%;
width:100%;
max-width:100%}
#cookie .container .box {
bottom:42px;
right:148px;
gap:16px 0;
width:520px;
height:136px;
border-radius:10px;
padding:21px 45px 15px;
box-shadow:5px 5px 18px 2px rgba(0,0,0,.35)}
#cookie .container .box .text p {
font-size:13px;
line-height:17px}
#cookie .container .box .text p a {
text-underline-offset:3px}
#cookie .container .box .buttons {
gap:0 45px;
height:32px;
line-height:32px}
#cookie .container .box .buttons a.btn {
height:32px;
line-height:30px;
min-width:125px;
width:125px;
max-width:125px;
padding:0;
border-radius:10px}
#cookie .container .box .buttons a.btn span {
float:left;
display:inline-block;
line-height:30px;
height:30px;
padding:0 35px;
font-size:13px}
}
.lowercase {
text-transform:lowercase}

@charset "UTF-8";
picture {
background:#FFF}
picture img {
image-rendering:auto;
image-orientation:none}
picture img[loading=lazy] {
background:#FFF}
.row.filters .col {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:15px}
.row.filters .col .btn-filter {
background-color:#f1f5f6;
border:1px solid #CCC;
color:#737373;
font-size:14px;
line-height:14px;
padding:10px 15px;
transition:background-color .2s linear 0s,border-color .2s linear 0s,color .2s linear 0s}
.row.filters .col .btn-filter:hover {
color:#737373;
border-color:#737373;
background-color:#ddd}
.row.filters .col .btn-filter.current,.row.filters .col .btn-filter.current:hover {
background-color:#0aad4b;
border-color:#099541;
color:#FFF}
@media screen and (max-width:calc(576px - 0.01px)) {
header.header .container {
padding:15px;
max-width:100%}
header.header .container .row {
padding:0 15px;
margin:0 -15px}
header.header .container .row .col {
padding-right:0;
padding-left:0}
#breadcrumbs {
padding:0 15px}
#breadcrumbs>.row {
padding:0;
margin:0}
#shopGroups {
display:flex;
flex-direction:column;
gap:30px 0;
padding:0 15px}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-direction:column;
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
width:100%;
height:content-box;
padding:0;
margin:0}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:200px;
text-decoration:none;
align-content:space-between;
overflow:hidden;
border-radius:20px;
position:relative;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:200px;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
height:200px;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:200px;
opacity:1;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
position:static;
width:100%;
height:auto;
padding:20px 32px;
gap:25px 0}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
min-width:100%;
width:100%;
max-width:100%}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:16px;
line-height:19px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:100%;
width:100%;
max-width:100%;
height:210px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:210px;
background:#FFF}
#shopGroups .groups .block a picture img {
width:100%;
height:210px;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:20px;
line-height:29px;
font-size:20px;
font-weight:700;
color:#000;
text-align:left;
position:absolute;
padding:20px 15px;
left:0;
bottom:0;
text-shadow:0 0 5px #FFF}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
@media screen and (min-width:576px) and (max-width:calc(768px - 0.01px)) {
header.header .container {
padding:15px;
max-width:100%}
header.header .container .row {
padding:0 15px;
margin:0 -15px}
header.header .container .row .col {
padding-right:0;
padding-left:0}
#breadcrumbs {
padding:0}
#breadcrumbs>.row {
padding:0;
margin:0}
#shopGroups {
display:flex;
flex-direction:column;
gap:30px 0;
padding:0}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-direction:column;
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
width:100%;
height:500px;
padding:0;
margin:0;
position:relative}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:267px;
text-decoration:none;
align-content:space-between;
position:relative;
overflow:hidden;
border-radius:20px;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:100%;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
max-height:100%;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
opacity:1;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:space-between;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
padding:290px 32px 20px;
z-index:3}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
min-width:calc((100% - 30px) / 2);
width:calc((100% - 30px) / 2);
max-width:calc((100% - 30px) / 2)}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:16px;
line-height:19px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:100%;
width:100%;
max-width:100%;
height:320px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:320px;
background:#FFF}
#shopGroups .groups .block a picture img {
width:100%;
height:320px;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:20px;
line-height:29px;
font-size:20px;
font-weight:700;
color:#000;
text-align:left;
position:absolute;
padding:30px;
left:0;
bottom:0;
text-shadow:0 0 5px #FFF}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
@media screen and (min-width:768px) and (max-width:calc(992px - 0.01px)) {
#breadcrumbs {
padding:0}
#breadcrumbs>.row {
padding:0;
margin:0}
#shopGroups {
display:flex;
flex-direction:column;
gap:30px 0;
padding:0}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:600px;
padding:0;
margin:0;
position:relative}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:267px;
text-decoration:none;
align-content:space-between;
position:relative;
overflow:hidden;
border-radius:20px;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:100%;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
max-height:100%;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
opacity:1;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:space-between;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
padding:290px 32px 20px;
z-index:3}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
width:100%}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:14px;
line-height:17px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:150px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:150px;
background:#FFF}
#shopGroups .groups .block a picture img {
width:100%;
height:150px;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:20px;
line-height:20px;
font-size:15px;
font-weight:700;
color:#000;
text-align:left;
position:absolute;
padding:15px 20px 20px;
left:0;
bottom:0;
text-shadow:0 0 5px #FFF}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
@media screen and (min-width:992px) and (max-width:calc(1200px - 0.01px)) {
#breadcrumbs {
padding:0}
#breadcrumbs>.row {
padding:0;
margin:0}
#shopGroups {
display:flex;
flex-direction:column;
gap:30px 0;
padding:0}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:570px;
padding:0;
margin:0;
position:relative}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:267px;
text-decoration:none;
align-content:space-between;
position:relative;
overflow:hidden;
border-radius:20px;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:100%;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
max-height:100%;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
opacity:1;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:space-between;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
padding:290px 32px 20px;
z-index:3}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
width:100%}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:14px;
line-height:17px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:205px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:205px;
background:#FFF}
#shopGroups .groups .block a picture img {
width:100%;
height:205px;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:29px;
line-height:29px;
font-size:19px;
font-weight:700;
color:#000;
text-align:left;
position:absolute;
padding:30px 30px 20px;
left:0;
bottom:0}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
@media screen and (min-width:1200px) and (max-width:calc(1500px - 0.01px)) {
#breadcrumbs {
padding:0}
#breadcrumbs>.row {
padding:0;
margin:0}
#shopGroups {
display:flex;
flex-direction:column;
gap:40px 0;
padding:0}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:520px;
padding:0;
margin:0;
position:relative}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:100%;
text-decoration:none;
align-content:space-between;
position:relative;
overflow:hidden;
border-radius:20px;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:100%;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
max-height:100%;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
opacity:.5;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%);
transition:opacity .2s linear 0s}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group:hover a.image {
height:267px}
#shopGroups .groups .group:hover a.image .gradient {
opacity:1}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:space-between;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
padding:290px 32px 20px;
z-index:3}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
min-width:calc((100% - 36px) / 2);
width:calc((100% - 36px) / 2);
max-width:calc((100% - 36px) / 2)}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:14px;
line-height:17px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:320px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:320px}
#shopGroups .groups .block a picture img {
width:100%;
height:320px;
object-fit:cover;
object-position:center center}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#000;
text-align:left;
position:absolute;
padding:32px;
left:0;
bottom:0}
#shopGroups .groups .block:hover {
box-shadow:4px 4px 25px 0 rgba(0,0,0,.25)}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
@media screen and (min-width:1500px) {
#shopGroups {
display:flex;
flex-direction:column;
gap:40px 0;
padding:0}
#shopGroups .title {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 5px}
#shopGroups .title h1,#shopGroups .title span.total {
font-weight:700;
font-size:32px;
line-height:38px;
color:#505050}
#shopGroups .groups {
flex-wrap:wrap;
gap:15px 15px;
padding:0;
margin:0}
#shopGroups .groups .group {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:520px;
padding:0;
margin:0;
position:relative}
#shopGroups .groups .group a.image {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:100%;
text-decoration:none;
align-content:space-between;
position:relative;
overflow:hidden;
border-radius:20px;
z-index:5;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:height .2s linear 0s,box-shadow .2s linear 0s}
#shopGroups .groups .group a.image picture {
width:100%;
height:100%;
background:#FFF;
transition:height .2s linear 0s}
#shopGroups .groups .group a.image picture img {
max-width:100%;
max-height:100%;
object-fit:cover;
object-position:center center;
background:#FFF}
#shopGroups .groups .group a.image .gradient {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
opacity:.5;
background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%);
transition:opacity .2s linear 0s}
#shopGroups .groups .group a.image span {
display:block;
position:absolute;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#FFF;
text-align:left;
padding:32px;
left:0;
bottom:0;
z-index:6}
#shopGroups .groups .group:hover a.image {
height:267px}
#shopGroups .groups .group:hover a.image .gradient {
opacity:1}
#shopGroups .groups .group .subgroups {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:space-between;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
padding:290px 32px 20px;
z-index:3}
#shopGroups .groups .group .subgroups ul.sub {
list-style-type:none;
padding:0;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:10px 30px}
#shopGroups .groups .group .subgroups ul.sub li {
min-width:calc((100% - 36px) / 2);
width:calc((100% - 36px) / 2);
max-width:calc((100% - 36px) / 2)}
#shopGroups .groups .group .subgroups ul.sub li a {
color:#737373;
font-size:16px;
line-height:19px;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups ul.sub li a:hover {
color:var(---custom-color);
text-decoration-color:var(---custom-color)}
#shopGroups .groups .group .subgroups a.more {
display:inline;
font-size:15px;
font-weight:700;
line-height:20px;
text-align:left;
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:color .15s linear 0s,text-decoration-color .15s linear 0s}
#shopGroups .groups .group .subgroups a.more:hover {
text-decoration-color:#000}
#shopGroups .groups .block {
min-width:calc((100% - 30px) / 3);
width:calc((100% - 30px) / 3);
max-width:calc((100% - 30px) / 3);
height:320px;
border-radius:20px;
background:#FFF;
box-shadow:4px 4px 25px 0 rgba(0,0,0,.1);
transition:box-shadow .15s linear 0s;
padding:0;
margin:0}
#shopGroups .groups .block a {
display:block;
width:100%;
height:100%;
position:relative}
#shopGroups .groups .block a picture {
display:block;
border-radius:20px;
overflow:hidden;
width:100%;
height:320px}
#shopGroups .groups .block a picture img {
width:100%;
height:320px;
object-fit:cover;
object-position:center center}
#shopGroups .groups .block a span {
display:block;
width:100%;
min-height:29px;
line-height:29px;
font-size:24px;
font-weight:400;
color:#000;
text-align:left;
position:absolute;
padding:32px;
left:0;
bottom:0}
#shopGroups .groups .block:hover {
box-shadow:4px 4px 25px 0 rgba(0,0,0,.25)}
#shopGroups .description .col {
display:flex;
flex-direction:column;
gap:15px 0}
#shopGroups .description .col p {
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
margin:0}
#shopGroups .description .col ol,#shopGroups .description .col ul {
margin:0;
padding:0;
font-weight:400;
font-size:17px;
line-height:24px;
color:#5e7480;
list-style-position:inside}
#shopGroups .description .col a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:rgba(0,0,0,.2);
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .15s linear 0s}
#shopGroups .description .col a:hover {
text-decoration-color:#000}
}
#shopGroups .groups .group .subgroups ul.sub li a.accent {
color:var(---custom-color)!important}

@charset "UTF-8";
#izimodal,#modal {
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color:#FFF;
box-shadow:0 0 8px rgba(0,0,0,.1);
transition:margin-top .3s ease 0s,height .3s ease 0s;
transform:translateZ(0);
box-sizing:border-box;
z-index:999}
#izimodal *,#modal * {
box-sizing:border-box;
-webkit-font-smoothing:antialiased}
#izimodal::after,#modal::after {
content:'';
width:100%;
height:0;
opacity:0;
position:absolute;
left:0;
bottom:0;
z-index:1;
transition:height .3s ease-in-out,opacity .3s ease-in-out;
cursor:default}
#izimodal.hasShadow::after,#modal.hasShadow::after {
height:30px;
opacity:1}
#izimodal section[data-status=load],#modal section[data-status=load] {
min-height:60px;
background:url(/_assets/adanat/svg/ajax_loader.svg) center center no-repeat;
background-size:60px 60px}
#izimodal section[data-status=load]>*,#modal section[data-status=load]>* {
opacity:0}
#izimodal section div.close,#modal section div.close {
display:block;
position:fixed;
right:15px;
top:15px;
width:30px;
height:30px;
line-height:20px;
text-align:center;
box-sizing:border-box;
cursor:pointer;
padding:5px;
opacity:1}
#izimodal section div.close figure,#modal section div.close figure {
width:20px;
height:20px}
#izimodal section div.close figure svg,#modal section div.close figure svg {
width:20px;
height:20px;
float:left}
#izimodal section div.close figure svg path,#izimodal section div.close figure svg use,#modal section div.close figure svg path,#modal section div.close figure svg use {
fill:transparent;
stroke:#000;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:2px;
fill-opacity:1;
transition:stroke .15s linear 0s}
#izimodal section div.close:hover figure svg path,#izimodal section div.close:hover figure svg use,#modal section div.close:hover figure svg path,#modal section div.close:hover figure svg use {
stroke:#000}
#izimodal.hasScroll section,#modal.hasScroll section {
padding:0}
#izimodal[data-type=search],#modal[data-type=search] {
margin-top:0;
min-width:100%;
width:100%;
max-width:100%;
min-height:66px;
height:66px;
max-height:66px;
padding:0}
#izimodal[data-type=search] div.close,#modal[data-type=search] div.close {
width:50px;
max-width:50px;
height:40px;
padding:10px 15px;
position:static}
#izimodal[data-type=search] div.search,#modal[data-type=search] div.search {
flex-grow:1}
#izimodal[data-type=search] div.search form,#modal[data-type=search] div.search form {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
background-color:#F1F5F6;
border-radius:4px;
line-height:40px;
height:40px}
#izimodal[data-type=search] input[type=text],#modal[data-type=search] input[type=text] {
flex-grow:1;
outline:0;
border:0;
padding:0 65px 0 15px;
font-size:16px;
line-height:40px;
height:40px;
background:#F1F5F6}
#izimodal[data-type=search] button,#modal[data-type=search] button {
width:40px;
height:40px;
padding:5px;
background:0 0}
#izimodal[data-type=search] button figure,#modal[data-type=search] button figure {
display:block;
width:30px;
height:30px}
#izimodal[data-type=search] button figure svg,#modal[data-type=search] button figure svg {
width:30px;
height:30px}
#izimodal[data-type=search] button figure svg path,#izimodal[data-type=search] button figure svg use,#modal[data-type=search] button figure svg path,#modal[data-type=search] button figure svg use {
fill:transparent;
stroke:#777;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:2px;
fill-opacity:1;
transition:stroke .15s linear 0s}
#izimodal[data-type=search] button:hover figure svg path,#izimodal[data-type=search] button:hover figure svg use,#modal[data-type=search] button:hover figure svg path,#modal[data-type=search] button:hover figure svg use {
stroke:#000}
#izimodal[data-type=panel],#modal[data-type=panel] {
margin-bottom:0;
min-width:100%;
width:100%;
max-width:100%;
min-height:66px;
height:66px;
max-height:66px;
padding:0}
#izimodal[data-type=cart],#izimodal[data-type=subscribe],#modal[data-type=cart],#modal[data-type=subscribe] {
margin-right:0;
min-height:100%;
height:100%;
max-height:100%}
#izimodal[data-type=nav],#modal[data-type=nav] {
margin-left:0;
min-height:100%;
height:100%;
max-height:100%;
min-width:300px;
width:300px;
max-width:300px}
#izimodal[data-type="404"],#modal[data-type="404"] {
height:100px;
max-height:100px;
min-width:300px;
width:300px;
max-width:300px}
#izimodal[data-type="404"] p,#modal[data-type="404"] p {
margin:0;
font-weight:500;
text-align:center}
.iziModal-overlay {
background:rgba(0,0,0,.35);
display:block;
position:fixed;
top:0;
left:0;
height:100%;
width:100%}
html.iziModal-isOverflow {
overflow:hidden}
html.iziModal-isOverflow #up {
right:-65px}
html.iziModal-isAttached body,html.iziModal-isOverflow body {
position:relative}
html.iziModal-isAttached,html.iziModal-isOverflow {
padding-right:7px}
html.iziModal-isAttached {
overflow:hidden}



#powerTip {
cursor:default;
background-color:#FFF;
border:1px solid #CCC;
border-radius:6px;
color:#000;
display:none;
padding:10px;
position:absolute;
white-space:nowrap;
z-index:2147483647}
#powerTip:before {
content:attr(class) " ";
position:absolute;
height:0;
width:0;
text-indent:100%;
overflow:hidden}
#powerTip.n:before,#powerTip.s:before {
border-right:5px solid transparent;
border-left:5px solid transparent;
left:50%;
margin-left:-5px}
#powerTip.e:before,#powerTip.w:before {
border-bottom:5px solid transparent;
border-top:5px solid transparent;
margin-top:-5px;
top:50%}
#powerTip.n:before,#powerTip.ne:before,#powerTip.nw:before {
bottom:-10px}
#powerTip.n:before,#powerTip.ne-alt:before,#powerTip.ne:before,#powerTip.nw-alt:before,#powerTip.nw:before {
border-top-color:inherit;
border-top-style:solid;
border-top-width:10px}
#powerTip.e:before {
border-right-color:inherit;
border-right-style:solid;
border-right-width:10px;
left:-10px}
#powerTip.s:before,#powerTip.se:before,#powerTip.sw:before {
top:-10px}
#powerTip.s:before,#powerTip.se-alt:before,#powerTip.se:before,#powerTip.sw-alt:before,#powerTip.sw:before {
border-bottom-color:inherit;
border-bottom-style:solid;
border-bottom-width:10px}
#powerTip.w:before {
border-left-color:inherit;
border-left-style:solid;
border-left-width:10px;
right:-10px}
#powerTip.ne:before,#powerTip.se:before {
border-right:10px solid transparent;
border-left:0;
left:10px}
#powerTip.nw:before,#powerTip.sw:before {
border-left:10px solid transparent;
border-right:0;
right:10px}
#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before {
bottom:-10px;
border-left:5px solid transparent;
border-right:5px solid transparent;
left:10px}
#powerTip.ne-alt:before {
left:auto;
right:10px}
#powerTip.se-alt:before,#powerTip.sw-alt:before {
border-top:0;
bottom:auto;
top:-10px}
#powerTip.se-alt:before {
left:auto;
right:10px}

.overlay {
background:#FFF}
.lg-icon {
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.lg-actions .lg-next,.lg-actions .lg-prev {
background-color:transparent;
cursor:pointer;
display:block;
margin-top:-16px;
width:42px;
height:42px;
padding:5px;
position:absolute;
top:50%;
z-index:1080;
border:0;
outline:0;
opacity:.75;
transition:opacity .2s linear 0s}
.lg-actions .lg-next svg.icon,.lg-actions .lg-prev svg.icon {
min-width:32px;
width:32px;
min-height:32px;
height:32px}
.lg-actions .lg-next svg.icon use,.lg-actions .lg-prev svg.icon use {
fill:transparent;
stroke:#000;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1px;
transition:stroke .2s linear 0s}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
opacity:.5;
cursor:default}
.lg-actions .lg-next.disabled svg use,.lg-actions .lg-prev.disabled svg use {
stroke:#737373}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
opacity:1}
.lg-actions .lg-next:hover svg use,.lg-actions .lg-prev:hover svg use {
stroke:#0aad4b}
.lg-actions .lg-next {
right:15px}
.lg-actions .lg-prev {
left:15px}
@-webkit-keyframes lg-right-end {
0% {
left:0}
50% {
left:-30px}
100% {
left:0}
}
@-moz-keyframes lg-right-end {
0% {
left:0}
50% {
left:-30px}
100% {
left:0}
}
@-ms-keyframes lg-right-end {
0% {
left:0}
50% {
left:-30px}
100% {
left:0}
}
@keyframes lg-right-end {
0% {
left:0}
50% {
left:-30px}
100% {
left:0}
}
@-webkit-keyframes lg-left-end {
0% {
left:0}
50% {
left:30px}
100% {
left:0}
}
@-moz-keyframes lg-left-end {
0% {
left:0}
50% {
left:30px}
100% {
left:0}
}
@-ms-keyframes lg-left-end {
0% {
left:0}
50% {
left:30px}
100% {
left:0}
}
@keyframes lg-left-end {
0% {
left:0}
50% {
left:30px}
100% {
left:0}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation:lg-right-end .3s;
-o-animation:lg-right-end .3s;
animation:lg-right-end .3s;
position:relative}
.lg-outer.lg-left-end .lg-object {
-webkit-animation:lg-left-end .3s;
-o-animation:lg-left-end .3s;
animation:lg-left-end .3s;
position:relative}
.lg-toolbar {
z-index:1082;
left:0;
position:absolute;
top:0;
width:100%}
.lg-toolbar .lg-icon {
color:#999;
cursor:pointer;
float:right;
height:42px;
line-height:18px;
padding:12px;
width:42px;
text-decoration:none!important;
outline:0;
-webkit-transition:color .2s linear;
-o-transition:color .2s linear;
transition:color .2s linear}
.lg-toolbar .lg-icon svg {
min-width:18px;
width:18px;
min-height:18px;
height:18px}
.lg-toolbar .lg-icon svg path,.lg-toolbar .lg-icon svg use {
fill:transparent;
stroke:#737373;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.5px;
transition:stroke .2s linear 0s}
.lg-toolbar .lg-icon:hover svg path,.lg-toolbar .lg-icon:hover svg use {
stroke:#0aad4b}
.lg-sub-html {
bottom:0;
color:#FFF;
left:0;
position:fixed;
right:0;
text-align:center;
z-index:1080}
.lg-sub-html h4 {
margin:0;
font-size:1.5em;
font-weight:300}
.lg-sub-html p {
font-size:1.5em;
margin:5px 0 0}
.lg-sub-html,.lg-toolbar {
padding:0;
background:#fff;
height:42px;
line-height:42px}
#lg-counter {
color:#FFF;
display:inline-block;
padding-left:20px}
.lg-next,.lg-prev,.lg-toolbar {
opacity:1;
-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}
.lg-hide-items .lg-prev {
opacity:0;
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)}
.lg-hide-items .lg-next {
opacity:0;
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)}
.lg-hide-items .lg-toolbar {
opacity:0;
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform:scale3d(.5,.5,.5);
transform:scale3d(.5,.5,.5);
opacity:0;
-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
opacity:1}
.lg-outer .lg-thumb-outer {
background-color:#0D0A0A;
bottom:0;
position:absolute;
width:100%;
z-index:1080;
max-height:350px;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;
transition:transform .25s cubic-bezier(0,0,.25,1) 0s}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:-o-grabbing;
cursor:-ms-grabbing;
cursor:grabbing}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration:0s!important;
transition-duration:0s!important}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
.lg-outer .lg-thumb {
padding:10px 0;
height:100%;
margin-bottom:-5px}
.lg-outer .lg-thumb-item {
cursor:pointer;
float:left;
overflow:hidden;
height:100%;
border:2px solid #FFF;
border-radius:4px;
margin-bottom:5px}
@media (min-width:1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition:border-color .25s ease;
-o-transition:border-color .25s ease;
transition:border-color .25s ease}
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
border-color:#a90707}
.lg-outer .lg-thumb-item img {
width:100%;
height:100%;
object-fit:cover}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom:120px}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom:0}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition:bottom .25s ease;
-o-transition:bottom .25s ease;
transition:bottom .25s ease}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom:100px}
.lg-outer .lg-toogle-thumb {
background-color:#0D0A0A;
border-radius:2px 2px 0 0;
color:#999;
cursor:pointer;
font-size:24px;
height:39px;
line-height:27px;
padding:5px 0;
position:absolute;
right:20px;
text-align:center;
top:-39px;
width:50px}
.lg-outer .lg-toogle-thumb:after {
content:"\e1ff"}
.lg-outer .lg-toogle-thumb:hover {
color:#FFF}
.lg-outer .lg-has-video .lg-video-object {
visibility:hidden}
.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display:none}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility:visible}
.lg-progress-bar {
background-color:#333;
height:5px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1083;
opacity:0;
-webkit-transition:opacity .08s ease 0s;
-moz-transition:opacity .08s ease 0s;
-o-transition:opacity .08s ease 0s;
transition:opacity .08s ease 0s}
.lg-progress-bar .lg-progress {
background-color:#a90707;
height:5px;
width:0}
.lg-progress-bar.lg-start .lg-progress {
width:100%}
.lg-show-autoplay .lg-progress-bar {
opacity:1}
.lg-autoplay-button:after {
content:"\e01d"}
.lg-show-autoplay .lg-autoplay-button:after {
content:"\e01a"}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition-duration:0s;
transition-duration:0s;
border-radius:3px}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;
-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;
transition:transform .3s cubic-bezier(0,0,.25,1) 0s}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:3px}
#lg-zoom-in:after {
content:"\e311"}
#lg-actual-size {
font-size:20px}
#lg-actual-size:after {
content:"\e033"}
#lg-zoom-out {
opacity:.5}
#lg-zoom-out:after {
content:"\e312"}
.lg-zoomed #lg-zoom-out {
opacity:1}
.lg-outer .lg-pager-outer {
bottom:60px;
left:0;
position:absolute;
right:0;
text-align:center;
z-index:1080;
height:10px}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow:visible}
.lg-outer .lg-pager-cont {
cursor:pointer;
display:inline-block;
overflow:hidden;
position:relative;
vertical-align:top;
margin:0 5px}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity:1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow:0 0 0 2px #fff inset}
.lg-outer .lg-pager-thumb-cont {
background-color:#fff;
color:#FFF;
bottom:100%;
height:83px;
left:0;
margin-bottom:20px;
margin-left:-60px;
opacity:0;
padding:5px;
position:absolute;
width:120px;
border-radius:3px;
-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;
-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;
-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;
transition:opacity .15s ease 0s,transform .15s ease 0s;
-webkit-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0)}
.lg-outer .lg-pager-thumb-cont img {
width:100%;
height:100%}
.lg-outer .lg-pager {
background-color:rgba(255,255,255,.45);
border-radius:50%;
box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;
display:block;
height:12px;
-webkit-transition:box-shadow .3s ease 0s;
-o-transition:box-shadow .3s ease 0s;
transition:box-shadow .3s ease 0s;
width:12px}
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
box-shadow:0 0 0 8px #fff inset}
.lg-outer .lg-caret {
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px dashed;
bottom:-10px;
display:inline-block;
height:0;
left:50%;
margin-left:-5px;
position:absolute;
vertical-align:middle;
width:0}
.lg-fullscreen:after {
content:'';
display:block;
width:25px;
height:25px;
background:url(/_assets/adanat/svg/icon_fullscreen.svg) center center no-repeat;
background-size:20px 20px}
.lg-fullscreen-on .lg-fullscreen:after {
content:'';
display:block;
width:25px;
height:25px;
background:url(/_assets/adanat/svg/icon_onscreen.svg) center center no-repeat;
background-size:20px 20px}
.lg-outer #lg-dropdown-overlay {
background-color:rgba(0,0,0,.25);
bottom:0;
cursor:default;
left:0;
position:fixed;
right:0;
top:0;
z-index:1081;
opacity:0;
visibility:hidden;
-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;
-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;
transition:visibility 0s linear .18s,opacity .18s linear 0s}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown {
-webkit-transition-delay:0s;
transition-delay:0s;
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1;
visibility:visible}
.lg-outer.lg-dropdown-active #lg-share {
color:#FFF}
.lg-outer .lg-dropdown {
background-color:#fff;
border-radius:2px;
font-size:14px;
list-style-type:none;
margin:0;
padding:10px 0;
position:absolute;
right:0;
text-align:left;
top:50px;
opacity:0;
visibility:hidden;
-moz-transform:translate3d(0,5px,0);
-o-transform:translate3d(0,5px,0);
-ms-transform:translate3d(0,5px,0);
-webkit-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0);
-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}
.lg-outer .lg-dropdown:after {
content:"";
display:block;
height:0;
width:0;
position:absolute;
border:8px solid transparent;
border-bottom-color:#FFF;
right:16px;
top:-16px}
.lg-outer .lg-dropdown>li:last-child {
margin-bottom:0}
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a {
color:#333}
.lg-outer .lg-dropdown a {
color:#333;
display:block;
white-space:pre;
padding:4px 12px;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px}
.lg-outer .lg-dropdown a:hover {
background-color:rgba(0,0,0,.07)}
.lg-outer .lg-dropdown .lg-dropdown-text {
display:inline-block;
line-height:1;
margin-top:-3px;
vertical-align:middle}
.lg-outer .lg-dropdown .lg-icon {
color:#333;
display:inline-block;
float:none;
font-size:20px;
height:auto;
line-height:1;
margin-right:8px;
padding:0;
vertical-align:middle;
width:auto}
.lg-group:after {
content:"";
display:table;
clear:both}
.lg-outer {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
text-align:left;
opacity:0;
-webkit-transition:opacity .15s ease 0s;
-o-transition:opacity .15s ease 0s;
transition:opacity .15s ease 0s}
.lg-outer * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.lg-outer.lg-visible {
opacity:1}
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
-webkit-transition-duration:inherit!important;
transition-duration:inherit!important;
-webkit-transition-timing-function:inherit!important;
transition-timing-function:inherit!important}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
-webkit-transition-duration:0s!important;
transition-duration:0s!important;
opacity:1}
.lg-outer.lg-grab img.lg-object {
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab}
.lg-outer.lg-grabbing img.lg-object {
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:-o-grabbing;
cursor:-ms-grabbing;
cursor:grabbing}
.lg-outer .lg {
height:100%;
width:100%;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
max-width:100%;
max-height:100%}
.lg-outer .lg-inner {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
white-space:nowrap}
.lg-outer .lg-item {
display:none!important}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide {
display:inline-block!important}
.lg-outer .lg-img-wrap,.lg-outer .lg-item {
text-align:center;
position:absolute;
width:100%;
height:100%}
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
content:"";
display:inline-block;
height:50%;
width:1px;
margin-right:-1px}
.lg-outer .lg-img-wrap {
opacity:1;
visibility:visible;
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
z-index:99999;
transition:opacity .25s linear 0s,height 0s linear .25s}
.lg-outer .lg-img-wrap::before {
content:'';
display:block;
background:url(/_assets/adanat/svg/ajax_loader_green.svg) center center no-repeat #fff;
background-size:40px 40px;
padding:0;
border-radius:2px;
position:fixed;
top:50%;
left:50%;
box-sizing:border-box;
width:60px;
height:60px;
margin-top:-30px;
margin-left:-30px}
.lg-outer .lg-item.lg-complete {
background-image:none}
.lg-outer .lg-item.lg-current {
z-index:1060}
.lg-img-wrap {
display:flex;
flex-direction:row;
align-items:center;
justify-content:center}
.lg-outer .lg-image {
align-self:center;
max-width:100%;
max-height:calc(100% - 45px);
width:auto!important;
height:auto!important;
border-radius:3px}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity:0;
-webkit-transition:opacity .15s ease 0s;
-o-transition:opacity .15s ease 0s;
transition:opacity .15s ease 0s}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity:1}
.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
display:none}
.lg-backdrop {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0);
transition:background .15s ease 0s}
.lg-backdrop.in {
background:#FFF}
.lg-backdrop {
z-index:998}
.lg-outer {
z-index:999}
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
-webkit-transition:none 0s ease 0s!important;
-moz-transition:none 0s ease 0s!important;
-o-transition:none 0s ease 0s!important;
transition:none 0s ease 0s!important}
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden}
.lg-css3.lg-fade .lg-item {
opacity:0}
.lg-css3.lg-fade .lg-item.lg-current {
opacity:1}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
-webkit-transition:opacity .1s ease 0s;
-moz-transition:opacity .1s ease 0s;
-o-transition:opacity .1s ease 0s;
transition:opacity .1s ease 0s}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity:0}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity:0;
position:absolute;
left:0}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left:-100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left:100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left:0;
opacity:1}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

picture {
background:#FFF}
picture img {
image-rendering:auto;
image-orientation:none}
picture img[loading=lazy] {
background:#FFF}
div[data-lastpass-icon-root] {
display:none!important;
visibility:hidden!important}
form {
position:relative}
form .fields {
display:flex;
flex-direction:column;
flex-grow:1;
gap:20px 20px}
form .field {
position:relative}
form .field input[type=text],form .field input[type=password],form .field input[type=number],form .field input[type=tel],form .field input[type=url],form .field input[type=email] {
width:100%;
background-color:#F1F5F6;
border-radius:4px;
border:0;
outline:0;
height:45px;
line-height:40px;
padding:5px 20px 0;
color:#000;
font-size:16px}
form .field input[type=text]~label,form .field input[type=password]~label,form .field input[type=number]~label,form .field input[type=tel]~label,form .field input[type=url]~label,form .field input[type=email]~label {
position:absolute;
top:0;
left:0;
padding:0 20px;
color:#737373;
transition:all .2s linear 0s}
form .field input[type=text]:not([value])~label,form .field input[type=text]:placeholder-shown~label,form .field input[type=text][value=""]~label,form .field input[type=password]:not([value])~label,form .field input[type=password]:placeholder-shown~label,form .field input[type=password][value=""]~label,form .field input[type=number]:not([value])~label,form .field input[type=number]:placeholder-shown~label,form .field input[type=number][value=""]~label,form .field input[type=tel]:not([value])~label,form .field input[type=tel]:placeholder-shown~label,form .field input[type=tel][value=""]~label,form .field input[type=url]:not([value])~label,form .field input[type=url]:placeholder-shown~label,form .field input[type=url][value=""]~label,form .field input[type=email]:not([value])~label,form .field input[type=email]:placeholder-shown~label,form .field input[type=email][value=""]~label {
font-size:16px;
height:45px;
line-height:45px}
form .field input[type=text]:focus~label,form .field input[type=text]:not(:placeholder-shown)~label,form .field input[type=password]:focus~label,form .field input[type=password]:not(:placeholder-shown)~label,form .field input[type=number]:focus~label,form .field input[type=number]:not(:placeholder-shown)~label,form .field input[type=tel]:focus~label,form .field input[type=tel]:not(:placeholder-shown)~label,form .field input[type=url]:focus~label,form .field input[type=url]:not(:placeholder-shown)~label,form .field input[type=email]:focus~label,form .field input[type=email]:not(:placeholder-shown)~label {
font-size:12px;
height:20px;
line-height:20px}
form .field input[type=number] {
-moz-appearance:textfield!important;
appearance:none}
form .field input[type=number]::-webkit-inner-spin-button,form .field input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0}
form .field.file {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 15px;
width:100%;
background-color:#F1F5F6;
border-radius:4px;
border:0;
outline:0;
height:45px;
line-height:45px;
padding:0 10px;
color:#000;
font-size:16px}
form .field.file figure svg use {
stroke:#737373;
stroke-width:1.5px;
transition:stroke .15s linear 0s}
form .field.file input[type=file] {
display:none;
visibility:hidden}
form .field.file input[type=file]~label {
flex-grow:1;
color:#737373}
form .field.file input[type=file]~figure.clear {
display:none}
form .field.file input[type=file].attached~label {
color:#000;
height:45px;
line-height:45px}
form .field.file input[type=file].attached~figure.clear {
display:block;
cursor:pointer;
width:45px;
height:45px;
padding:14px}
form .field.file input[type=file].attached~figure.clear svg {
width:17px;
height:17px;
float:left}
form .field.file input[type=file].attached~figure.clear svg use {
stoke-width:1.5px;
stroke:#737373;
transition:stroke .15s linear 0s}
form .field.file input[type=file].attached~figure.clear:hover svg use {
stroke:#0aad4b}
form .field.select select {
width:100%;
background-color:#F1F5F6;
border-radius:4px;
border:0;
outline:0;
height:45px;
line-height:40px;
padding:5px 20px 0;
color:#000;
font-size:16px;
display:block;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background-image:url(data:image/svg+xml;
base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSI+PHBhdGggc3Ryb2tlPSIjNzM3MzczIiBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNMjAuODgyIDYuODEybC05LjM4MiA5LjM4Mi05LjM4Mi05LjM4MiIvPjwvc3ZnPg==);
background-repeat:no-repeat;
background-position:right 10px top 50%,0 0;
background-size:12px 12px}
form .field.select select::-ms-expand {
display:none}
form .field.select select:focus {
color:#000;
outline:0}
form .field.select select option {
font-family:SF-Pro-Display!important;
color:#000;
font-size:14px;
line-height:20px;
background:#FFF;
transition:color .2s linear 0s,background-color .2s linear 0s}
form .field.select select option[value="0"] {
color:#737373}
form .field.select select option:hover {
color:#FFF;
background-color:#737373}
form .field.select select option:checked,form .field.select select option:checked:hover {
color:#FFF;
background-color:#0aad4b}
form .field.select select.wrong {
color:#737373}
form .field span.wrong {
color:#c4151c;
font-size:14px;
line-height:20px;
padding:0 20px}
form .field.checkbox {
display:flex;
flex-direction:column}
form .field.checkbox input {
order:4;
width:0;
height:0;
visibility:hidden}
form .field.checkbox label {
display:block;
padding:0 0 0 50px;
position:relative;
order:1;
font-size:14px;
line-height:18px}
form .field.checkbox label::before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:30px;
height:30px;
border:1px solid rgba(115,115,115,.5);
border-radius:4px;
background-color:#F1F5F6;
background-image:url(/_assets/adanat/svg/icon-checkbox.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:0 0;
transition:background-size .15s linear 0s,border-color .15s linear 0s,background-color .15s linear 0s}
form .field.checkbox input.wrong~label::before {
background-size:0 0!important;
border-color:red}
form .field.checkbox input.wrong:checked~label::before,form .field.checkbox input:checked~label::before {
background-size:20px 20px!important;
background-color:#FFF}
form .field.checkbox a {
order:2;
font-size:14px;
line-height:18px;
color:#000;
padding:0 0 0 50px;
transition:color .15s linear 0s}
form .field.checkbox a:hover {
color:#0aad4b}
form .field.checkbox span.wrong {
order:5;
padding:0 0 0 50px}
form .sub-row {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:0 20px}
form .sub-row>.field {
flex:1}
form .sub-row.submit {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
gap:0 20px;
max-width:100%}
form .sub-row.submit .agree {
flex:1;
margin:0;
padding:0;
font-size:14px;
color:#737373;
line-height:18px;
max-width:405px}
form .sub-row.submit .agree a {
color:#000;
text-decoration:underline;
text-decoration-style:dotted;
text-decoration-color:transparent;
text-decoration-skip-ink:auto;
text-decoration-thickness:1px;
transition:text-decoration-color .2s linear 0s,color .2s linear 0s}
form .sub-row.submit .agree a:hover {
color:#0aad4b;
text-decoration-color:#0aad4b}
form .process {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
background:url(/_assets/adanat/svg/ajax_loader_green.svg) center center no-repeat rgba(255,255,255,.5);
background-size:60px 60px}
form .process[data-view] {
transition:all .15s linear 0s}
form .process[data-view=hide] {
opacity:0;
visibility:hidden;
display:none}
form .process[data-view=show] {
opacity:1;
visibility:visible;
display:block}
form .btn-green {
display:block;
background:#0aad4b;
position:relative;
border-radius:4px;
transition:background .2s linear 0s;
height:60px;
padding:10px 45px;
border-color:transparent;
min-width:300px}
form .btn-green span {
display:block;
width:100%;
height:60px;
line-height:40px;
padding:10px 45px;
position:absolute;
top:0;
left:0;
text-align:center;
color:#FFF;
font-size:17px;
font-weight:500;
text-shadow:0 0 10px rgba(0,0,0,.25);
white-space:nowrap}
form .btn-green figure {
display:block;
width:100%;
height:60px;
line-height:60px;
position:absolute;
top:0;
left:0;
background:url(/_assets/adanat/svg/ajax_loader.svg) center center no-repeat #0aad4b;
background-size:25px 25px;
opacity:0;
transition:opacity .2s linear 0s}
form .btn-green:hover {
background:#0bbb51}
form .btn-green[disabled=disabled] {
background:rgba(10,173,75,.5);
border:0}
form .btn-green[disabled=disabled] figure {
opacity:1}
form .btn-green[disabled=disabled] span {
opacity:0}
form .btn-green:active {
border:0;
background:#0aad4b}
form .btn-green:active span {
color:#FFF}
form .btn-green:focus {
border:0;
background:#0aad4b}
form .btn-green:focus span {
color:#FFF}
form#order .btn-green {
min-width:250px!important;
max-width:250px!important}